ссылка mailto не работает с помощью Bootstrap

Question

У меня проблемы с получением моей mailto ссылки, работающей на этой целевой странице. Я гуглил и до сих пор не нашел ответа, почему простая ссылка mailto не работает с помощью Bootstrap.

Я пытаюсь получить ссылку «Свяжитесь с нами» в правом верхнем меню, чтобы открыть окно почты, а ссылка «Отправить сейчас» должна перейти к тегу привязки внизу страницы, код ниже. Веб-страницу можно посмотреть по адресу: код сайта

<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

В настоящее время у вас есть несколько js, запущенных в main.js, который манипулирует событиями кликов и предотвращает поведение браузера по умолчанию. Если вы удалите класс «main-nav» из div, который содержит вашу ссылку mailto, он снова начнет функционировать. Исходя из этого, я бы переоценил ваши варианты использования в этом файле JS.

Answer 2

Кажется странным использовать кнопку отправки типа ввода для почтовой ссылки - она ​​определенно не предназначена для почтовых ссылок - кроме того, любая кнопка отправки будет работать только в контексте формы, то есть внутри элемента form ,

Я бы рекомендовал использовать обычную ссылку и стилизовать ее как кнопку, используя CSS.

(Кстати: это не имеет ничего общего с Bootstrap)