mailto 链接在 Chrome 和 Safari Mobile 中不起作用

Question

在我的 jQuery Mobile 应用程序中，我有一个 mailto 链接，它的 href 属性是动态生成的，它是通过 jQuery“点击”的。这里是链接代码：

<a id="mealLink" href="mailto:123@123.com" style="display: none;">This is the mailto 
link</a>

一个点击处理程序像这样附加到它：

$('#mailLink').bind('click', function() {
window.location.href = $(this).attr('href'); 
});

最后，一个函数为包含电子邮件地址、主题和消息正文的链接创建 href 属性，并通过 jQuery 模拟点击：

$emailAddress= ..

$subject= ....
$body=...
$emailString="mailto:"+$emailAddress+$subject+$body;
$emailLink= $("#mealMail");
$emailLink.attr("href",$emailString);
$emailLink.click();

现在，此代码在以下环境中完美运行： Mozilla 桌面 Safari 桌面 安卓

但不适用于： Safari 移动版 Chrome 桌面

有什么建议吗？

Answer 1

您不应该使用 mailto：
检查是否最好创建一个简单的“联系我们”表单。 不过，还是看看这个：i-cant-get-mailto-links-to-open-the-mail-app-from-mobile-safari-when-using-jqto

Answer 2

在搜索了复杂的解决方案后，我偶然发现了一个更简单的解决方案。这里的问题是，如果直接点击 mailto 链接，它适用于所有浏览器，但如果它是间接点击，例如通过 jQuery .click() 函数，它不适用于所有浏览器。因此，这是我的实现：

<a href='#mailtolink' id="emailLink">This is a mail to link</a>
$emailAddress= ..

$subject= ....
$body=...
$emailString="mailto:"+$emailAddress+$subject+$body;
$emailLink= $("#emailLink");
$emailLink.attr("href",$emailString);

现在，根据应用程序的上下文，可以设置链接的 href 参数，当单击此链接时，它可以工作。我在以下浏览器中进行了测试：

1. Mozilla Firefox 桌面版
2. Safari 桌面
3. Chrome 桌面
4. ipad 1 上的 Safari 手机