锚标记邮件功能不起作用答案

【问题标题】：Anchor tag mail functionality not working锚标记邮件功能不起作用
【发布时间】：2015-03-16 10:57:37
【问题描述】：

我正在尝试使用 jQuery 添加邮件属性，但是 jQuery 没有被触发。

下面是我的锚标签：

 <a href="" class="sendMail">share a friend</a>

邮件部分是使用下面的 jQuery 代码构建的。请不要这是在 MVC 控制器的视图文件中实现的。

<script type="text/javascript">
    $(function () {
        $('.sendMail').click(function () {
            var email = '';
            var subject = '@Model.UserName' + 'has shared a snippet with you;
            var emailBody = '@Model.URL' + is the url;
            window.location.href = 'mailto:' + email + '?subject=' + subject + '&body=' + emailBody;
            return false;
        });
    });
</script>

Model.username 和 Model.url 是来自数据库的值但是邮件部分没有被触发。有什么建议吗？

【问题讨论】：

标签： jquery html asp.net-mvc razor model-view-controller

【解决方案1】：

您需要防止锚点点击的默认行为：

<script type="text/javascript">
    $(function () {
        $('.sendMail').click(function (e) {
            e.preventDefault(); //<-- Note here
            var email = '';
            var subject = '@Model.UserName' + 'has shared a snippet with you'; //<-- Missing closing quote
            var emailBody = '@Model.URL' + 'is the url';//<-- Missing opening & closing quote
            window.location.href = 'mailto:' + email + '?subject=' + subject + '&body=' + emailBody;
          //  return false; //<-- no need of this
        });
    });
</script>

【讨论】：