Question

我无法在此着陆页上使用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>

任何帮助都将不胜感激。

Answer 1

对邮件链接使用输入类型提交按钮似乎很奇怪 - 当然不是为邮件链接做的 - 除了任何提交按钮只能在表单的上下文中工作，即在{{1}内部元素。

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

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

Answer 2

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

mailto链接无法使用Bootstrap工作

2 个答案: