html – 当使用jQTouch时,我无法从Mobile Safari中获取mailto链接以打开Mail应用程序.可能是错的？

我正在使用 jQTouch开发一个iPhone网络应用程序,它包含一个简单的mailto：链接到一个有效的电子邮件地址,它应该在点击时启动iPhone邮件应用程序,但不会.

如果我访问了包含完全相同链接的Mobile Safari中的“正常”网页,并点击它,我会得到预期的结果：邮件应用程序在“收件人”字段中弹出正确的电子邮件地址.

这里是链接HTML(地址已更改),以防万一我会坚果,并犯了一个愚蠢的错误,但它看起来完全正常：

<p><a href="mailto:[email protected]">[email protected]</a></p>

有人在使用jQTouch时遇到这个问题吗？或者任何人至少可以建议一种我可以调试的方法？在我点击非工作链接的时候,它会闪烁红色(活动链接状态),绝对没有其他的事情发生.

解决方法

我发现添加target =“_ blank”到链接工作 – 除了在一些桌面浏览器,它打开一个新的空白窗口,并打开电子邮件窗口.当然,jqtouch网站通常不会在桌面浏览器上查看,但我并不喜欢这种行为.

相反,这就是我所做的：

>将mailto：link放在onclick事件中并添加return false(所以实际链接到#不会触发)
>添加一个noHighlight类到链接

这是一个例子：

<a href="#" onclick="window.location='mailto:[email protected]'; return false;" class="noHighlight">Email me</a>

然后我修改了主题文件中的CSS.

之前：

ul li a.active {
   background: #194fdb url(img/selection.png) 0 0 repeat-x;
   color: #fff;
}

后：

ul li a.active:not(.noHighlight) {
   background: #194fdb url(img/selection.png) 0 0 repeat-x;
   color: #fff;
}

我添加noHighlight类的原因是没有它,按钮将被突出显示,并将“粘”,这使得按钮看起来像仍处于活动状态.为了解决这个问题,我添加了类并按照上述修改了CSS.

CSS更改的作用是,如果链接(在ul内部的li内)具有noHighlight类,则不会更改背景或文本颜色.

似乎在桌面和移动浏览器上都能很好地工作.