Блог

У меня есть всплывающее окно, которое будет появляться всякий раз, когда появляется внешняя ссылка. Если это не внешняя ссылка, ссылка должна открыться на новой вкладке. Проблема, с которой я сталкиваюсь, заключается в том, что этот подход нацелен на привязанные теги в панели навигации и открывает страницу на новой вкладке. Это должно происходить только для документов pdf и так далее.

Ниже приведена моя логика, которая определяет, является ли это внешней ссылкой или нет. Мне трудно игнорировать ссылки, которые находятся на моей панели навигации, а также на боковой панели навигации.

 $( document ).ready(function() {

$("a:not('.frontEndToolsModal')").on('click', function(e){
    e.preventDefault();
    var url = $(this).attr('href'),
        host = location.host;               

    if (url.indexOf(host) > -1 || url.indexOf('http','https') == -1){
        /* If we find the host name within the URL,
           OR if we do not find http or https, 
           meaning it is a relative internal link.

           The following statements is to not interefere with Mura CMS front end tools
        */

        if(url.indexOf('/admin/?muraAction=cArch.list') == 0){
            var newTab = window.open(url, '_blank');
            newTab.focus();
        }
        else if(url.indexOf('/admin/?muraAction') == 0){
            //do nothing
        }else{                          
            var newTab2 = window.open(url, '_blank');
            newTab2.focus();
        }
    }
  

Для панели навигации они имеют следующую структуру:

 <ul id="navPrimary" class="nav navbar-nav nav-nowrap">

        <li class="first" id="navAboutUs"><a href="#">About Us</a></li>
</ul>
  

а для боковой панели навигации он имеет следующий html:

 <nav id="navStandard" class="mura-nav-standard well">
        <ul class="nav nav-list">

    <li class="first"><a href="#">Medical Services Authorization Status Tracker</a></li> 
  

Мой вопрос: как не включать боковую навигацию и верхнюю панель навигации в мою функцию щелчка?

Я смог выяснить это с помощью attr() и проверки, содержит ли привязанный тег «target=’_blank'».

Итак, я сделал следующее:

 if($(this).attr("target") != '_blank'){
    window.location.href = url;
}
else{
    var newTab1 = window.open(url, '_blank');
    newTab1.focus();
}
  

Этот код:

 $("a:not('.frontEndToolsModal')").on('click', function(e){
  // stuff happens
}
  

…говорит «щелчок по любому a элементу, у которого есть класс frontEndToolsModal … случается всякое.

Это означает, что все ссылки a на вашем сайте, кроме ссылок с этим классом. Вероятно, это слишком широкий выбор для вашей функции click. Реальное решение здесь состоит в том, чтобы найти другой селектор, который работает для элементов, при нажатии на которые вы ХОТИТЕ, чтобы эта функция запускалась. Вероятно, это означает добавление какого-либо нового класса к тем элементам, которые вы хотите запустить функцию, и соответствующее обновление JS:

 $("a.someNewClass").on('click', function(e){
  // stuff happens
}