Как сделать загрузочный элемент Bootstrap незаменимым?

Question

На навигаторе example на загрузочном сайте я хотел бы программно сделать один из элементов Navbar (скажем, ссылку «О программе») отключен/незащищен.

Я пробовал .addClass ('disabled'), .removeClass ('active'), но ничего не работает.

Я пропустил что-то простое?

Answer 1

Если вы хотите, чтобы сделать щелчок по пункту меню ничего не делать, вы можете использовать следующий синтаксис JQuery, чтобы отключить его эффект:

$(/* jQuery selector for menu item */).click(function(e) { 
    e.preventDefault(); 
}); 

Затем вы можете стилизовать кнопку с «отключен» или серый цвет, если вы хотите, чтобы пользователь знал, что он неприступен. Это решение совместимо со всеми браузерами, поддерживающими jQuery.

Вот JSFiddle демо этого решения (благодаря @Adjit в комментариях!): http://jsfiddle.net/7a2p8jjn/1/

Answer 2

Вы можете просто добавить pointer-events: none как стиль элемента. Пример с JQuery:

$('.navbar-nav').find('a[href=#about]').css('pointer-events', 'none') 

p.s .: а @ Maximillian-laumeister сказал это решение not compatible with IE10 and earlier.

Answer 3

просто добавить класс .disabled

<li class="disabled"><a href="#about">About</a></li> 

, а затем в вашем JavaScript

$(document).ready(function() { 
    $(".nav li.disabled").click(function() { return false; }); 
}); 

here you can see an example

, конечно, вы можете добавить класс отключен к элементу с jQuery addClass method также