前端之家收集整理的这篇文章主要介绍了
twitter-bootstrap – 如何使引导导航链接不活动,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用引导导航栏为向导进度指示器。我想确保尚未访问的向导步骤不可点击。我想让他们出现在导航栏,但让他们变灰,
链接被禁用。这可以在引导导航栏中完成吗?
您可以将禁用类
添加到容器< 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属性。
原文链接:https://www.f2er.com/bootstrap/234550.html