在网上商城实战中使用BootStrap设置上一页下一页禁用后,还是可以点击
回答
九门提督回答
对于bootstrap中的disabled样式，好像并没有对a标签的默认行为进行处理，这可能就是它虽然设置了disabled样式但仍然可触发的原因。
解决方案：
1、添加Css阻止a标签的触发
.disabled{
pointer-events:none;
}
<!--禁止状态-->
<ul class="pager">
<li class="disabled"><a href="http://v3.bootcss.com/">«上一页</a></li>
<li><a href="#">下一页»</a></li>
</ul>
2、JQ
$(".disabled").click(function (event) {
event.preventDefault();
});
<ul>
<li><a href="#" class="disable">公告</a></li>
<li><a href="#"class="disable">规则</a></li>
<li><a href="#"class="disable">论坛</a></li>
<li><a href="#">安全</a></li>
<li><a href="#">公益</a></li>
</ul>
(0)
相似问题