Twitter bootstrap twitter引导下拉开关已禁用,不工作
禁用部分在下拉切换中不工作。这是密码Twitter bootstrap twitter引导下拉开关已禁用,不工作,twitter-bootstrap,Twitter Bootstrap,禁用部分在下拉切换中不工作。这是密码 <div class="nav-collapse collapse"> <ul class="nav"> <li class="divider-vertical"></li> <li><a href="index.html">HOME</a></li>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="divider-vertical"></li>
<li><a href="index.html">HOME</a></li>
<li class="divider-vertical"></li>
<li><a href="about.html">ABOUT ME</a></li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="gallery.html">GALLERY
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="units.html">Unit & Events</a></li>
<li><a href="personal.html">Personal</a></li>
</ul>
</li>
<li class="divider-vertical"></li>
<li><a href="#"></a></li>
<li class="divider-vertical"></li>
<li><a href="contact.html">CONTACT</a></li>
<li class="divider-vertical"></li>
</ul>
</div>
-
禁用菜单中的链接时,必须将class=“disabled”添加到列表项,而不是锚定
即使列表项被禁用,链接仍将处于活动状态,因此您必须使用javascript或服务器端语言来防止触发链接。如果要动态生成列表,可以将锚的href设置为href=“#”,也可以使用javascript执行相同的操作
<li class="disabled"><a href="#" title="Disabled Link">HOME</a></li>
<li><a href="about.html">ABOUT ME</a></li>
$('li.disabled > a:link').on('click', function(e) {
e.preventDefault();
});