javascript - jquery 添加邮件链接

Question

我正在尝试完成个人页面的联系部分，其中我将每个社交媒体/联系页面的 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;
}

对于直接链接来说它工作得很好，但是邮件箱总是给我一个 404 错误。有人能告诉我我在这里做错了什么吗？

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

Answer 1

希望这有帮助

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