twitter-bootstrap - 如何使 .nav-link 无效？

Question

我正在使用 Bootstrap nav-bar用于向导进度指示器。我想确保尚未访问的向导步骤不可点击。我希望它们出现在 nav-bar ，但让它们变灰并禁用链接。
这可以在 Bootstrap 中完成吗nav-bar ?

Answer 1

您可以添加 disabled类到容器 <li> :

<ul class="nav nav-list">
   <li class="disabled"><a href="index.html">...</a></li>
</ul>

但是，要禁止用户点击它们，您应该使用 JavaScript 来防止这种情况:

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

另一种方法是替换 href带有 anchor ( # ) 的属性。