muge10
2015-04-30 16:33
不是已经引入了bootstrap.js 吗?这个在 bootstrap.js 里面没有设置好吗?
能手写手写吧,觉得这个不好用,还是自己写的舒服
对于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(); });
我也遇到了这个问题,因该是bootstrap的一个bug
eg <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>
只要是正常的bootstrap,非定制的。。。引入disable类即可!!
玩转Bootstrap(基础)
314544 学习 · 2275 问题
相似问题