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错误。有人能告诉我我在这里做错了吗？

更新：＆＃34;联系信息＆＃34;是我应用于代表联系方式的每个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;
});

Answer 2

总是可以使用匹配，以防你有支持/ info / help / etc ......

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

jquery添加邮件链接

2 个答案: