我使用标记显示使用
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;
- }