Javascript jquery添加邮件链接

我正在尝试完成个人页面的联系人部分，其中我的每个社交媒体/联系人页面的URL都作为文本显示在div中。当用户单击它时，它会转到指定的链接。当然，对于我的电子邮件地址，我希望他们使用他们的邮件应用程序。因此我写了这个jquery：

$(".contact-info").click(function() {
    var link = $(this).text();
    if (link == "foo@bar.com") {
        link = "mailto:" + link;
    }
    window.location.href = link;
});

与此html和css一起使用（如果有帮助）：

<div class="contact-info">
    <div class="contact-img">
       <img src="assets/img/icon_at.png">
       <div class="contact-link">foo@bar.com</div>
    </div>
</div>

.contact-info {
    width: 40%;
    height: 50px;
    display: inline-block;
    padding: 0px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 40px;
    margin-left: 20px;
    cursor: pointer;
}

foo@bar.com
.联系方式{
宽度：40%；
高度：50px；
显示：内联块；
填充：0px 10px；
边缘底部：10px；
边缘顶部：10px；
右边距：40px；
左边距：20px；
光标：指针；
}

它可以很好地用于直接链接，但邮件案例总是给我一个404错误。有人能告诉我我做错了什么吗

更新：“联系人信息”是我应用于我的每个div的类，代表一种联系方式，即Facebook、LinkedIn和电子邮件。

希望这有帮助

$(".contact-info").click(function(e) {
    e.preventDefault();
    var link = $(this).text();
    if (link == "foo@bar.com") {
        link = "mailto:" + link;
    }
    window.location.href = link;
});

---

可以随时使用match，以防您获得支持/信息/帮助等

$(".contact-info").on('click', function(e) {
    e.preventDefault();
    var link = $(this).text();
    window.location.href = (link.match('@')) ? "mailto:" + link : link;
});

---

什么是

。联系信息

？为什么你不只是用链接来开始呢？看起来你在重新创建轮子。在这里对我有用：上面的评论也对我有用。我猜它为什么会给我一个404，而不是我网站上的邮件客户端。发布失败的html示例…你在div中的文本上阻止了什么默认值？嗯，对不起，我忘记了“div中的文本”。请使用

=

。字符串到字符串的比较。不需要类型强制