Bootstrap 3 Отключение выпадающего меню Navbar, отключение тега <a>href link - PullRequest
Новая
       30

Bootstrap 3 Отключение выпадающего меню Navbar, отключение тега <a>href link

0 голосов
/ 13 июня 2019

Я поддерживаю клиентский сайт WordPress.Их меню не работало хорошо, и поэтому мне пришлось разработать для них все новое меню (которое выглядит как старое меню, но отзывчиво).Я не мог обновить его до версии начальной загрузки 4 по разным причинам.

Итак, моя проблема в том, что на больших экранах он работает абсолютно нормально.Но для небольших экранов я не могу включить href ссылки тегов (заголовки выпадающего меню).Как я могу это сделать?Я попробовал следующий скрипт: 

$('.navbar-collapse .dropdown-toggle').hover(function() {
  if (document.documentElement.clientWidth > 1400) { $(this).addClass('disabled');}
  else { $(this).removeClass('disabled'); }
});

 $( window ).on( "orientationchange", function( event ) {
  $('.navbar-collapse .dropdown-toggle').click(function() { $(this).removeClass('disabled'); });
});

Я использовал класс начальной загрузки для разработки этого меню для WordPress.Пожалуйста помоги!Сайт: rafiki.ca

Спасибо, nskp

1 Ответ

0 голосов
/ 13 июня 2019

Вы можете использовать этот код 

$('.navbar-collapse .dropdown-toggle').hover(function() {
  if (document.documentElement.clientWidth > 1400) 
  { $(this).addClass('disabled');
  }
  else 
  {
    if($(this).hasClass('disabled'))
       $(this).removeClass('disabled');
    else
      $(this).addClass('disabled');
  }
});

 $( window ).on( "orientationchange", function( event ) {
  $('.navbar-collapse .dropdown-toggle').click(function() { $(this).removeClass('disabled'); });
});
...