twitter-bootstrap – 如何使引导导航链接不活动
发布时间:2020-12-18 00:04:53 所属栏目:安全 来源:网络整理
导读:我使用引导导航栏为向导进度指示器。我想确保尚未访问的向导步骤不可点击。我想让他们出现在导航栏,但让他们变灰,链接被禁用。这可以在引导导航栏中完成吗? 解决方法 您可以将禁用类添加到容器 ligt ;: ul class="nav nav-list" li class="disabled"a hre
我使用引导导航栏为向导进度指示器。我想确保尚未访问的向导步骤不可点击。我想让他们出现在导航栏,但让他们变灰,链接被禁用。这可以在引导导航栏中完成吗?
解决方法
您可以将禁用类添加到容器< 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属性。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |