mailto 链接无法使用 Bootstrap答案

【问题标题】：mailto link not working using Bootstrapmailto 链接无法使用 Bootstrap
【发布时间】：2018-10-13 04:06:32
【问题描述】：

我无法让我的mailto 链接在此着陆页上正常工作。我一直在谷歌搜索，但仍然没有找到答案，为什么一个简单的mailto 链接无法使用 Bootstrap 工作。

我正在尝试获取右上角菜单中的“联系我们”链接以打开邮件窗口，并且“立即参考”链接需要转到页面下方的锚标记，代码如下。网页可以查看：website code

<div class="col-xs-10 text-right menu-1 main-nav">
                <ul>
                    <li class="active"><a href="#benefits" data-nav-section="benefits">BENEFITS</a></li>
                    <li class="active"><a href="#requirements" data-nav-section="requirements">REQUIREMENTS</a></li>
                    <li class="active"><a href="mailto:surveyorhr@carf.org">CONTACT US</a></li>
                    <li><input type="submit" class='contact-button' value="REFER NOW" onclick="window.location.href='mailto:surveyorhr@carf.org'"></li>
                    <!-- For external page link -->
                    <!-- <li><a href="#" class="external">External</a></li> -->
                </ul>
            </div>

任何帮助将不胜感激。

【问题讨论】：

标签： html css mailto

【解决方案1】：

为邮件链接使用输入类型的提交按钮似乎很奇怪——这些肯定不是为邮件链接制作的——除了任何提交按钮只能在表单上下文中工作，即在form元素内.

我建议使用常规链接并使用 CSS 将其设置为按钮。

（顺便说一句：这与 Bootstrap 无关）

【讨论】：

【解决方案2】：

目前您在 main.js 中运行了一些 js，这些 js 正在操纵点击事件并阻止默认浏览器行为。如果您从包含您的 mailto 链接的 div 中删除类“main-nav”，它会再次开始运行。基于此，我将在该 js 文件中重新评估您的用例。

【讨论】：