<input class="disabled">不会禁止按钮的默认行为
<input disabled="disabled">可以禁止元素的默认行为
jquery 或js
class="disabled" 元素一律点击无效
比如
<a id="PostComment" class="btn">提交</a> 点击有效
<a id="PostComment" class="btn disabled">提交</a> 点击无效
谢谢！
1 eg 2 <ul> 3 <li><a href="#" class="disable">公告</a></li> 4 <li><a href="#"class="disable">规则</a></li> 5 <li><a href="#"class="disable">论坛</a></li> 6 <li><a href="#">安全</a></li> 7 <li><a href="#">公益</a></li> 8 </ul>
只要是正常的bootstrap，非定制的。。。引入disable类即可！！
对于bootstrap中的disabled样式，好像并没有对a标签的默认行为进行处理，这可能就是它虽然设置了disabled样式但仍然可触发的原因。
解决方案：
1、添加Css阻止a标签的触发
1 .disabled{ 2 pointer-events:none; 3 }
1 <!--禁止状态--> 2 <ul class="pager"> 3 <li class="disabled"><a href="http://v3.bootcss.com/">«上一页</a></li> 4 <li><a href="#">下一页»</a></li> 5 </ul>
2、JQ
1 $(".disabled").click(function (event) { 2 event.preventDefault(); 3 });
[转]为什么 在li标签上添加了disabled类名的时候，不能禁止其点击功能？这个在 bootstrap.js 里面没有设置好吗？
原文：http://www.cnblogs.com/gengyi/p/6361055.html