我使用标记显示使用
Twitter Bootstrap的下拉菜单。
<ul class="nav pull-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Menu item 1...</a></li> <li class="divider"></li> <li><a href="#">Menu item 2...</a></li> <li><a href="#">Menu item 3</a></li> </ul> </li> </ul>
解决方法
您可以将自定义的禁用类附加到菜单中,链接要禁用的标签,并通过使用
preventDefault并定位该类来简单地删除默认操作,如下所示:
$(".disabled-link").click(function(event) { event.preventDefault(); });
然后,您可以使用灰色背景或任何您喜欢的风格从.disabled-link创建所有活动。
CSS
a.disabled-link,a.disabled-link:visited,a.disabled-link:active,a.disabled-link:hover { background-color:#d9d9d9 !important; color:#aaa !important; }