首页 > 代码库 > [转]为什么 在li标签上添加了disabled类名的时候，不能禁止其点击功能？这个在 bootstrap.js 里面没有设置好吗？

[转]为什么 在li标签上添加了disabled类名的时候，不能禁止其点击功能？这个在 bootstrap.js 里面没有设置好吗？

2024-09-02 18:59:25   239人阅读

<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="http://www.mamicode.com/#" class="disable">公告</a></li>
4                 <li><a href="http://www.mamicode.com/#"class="disable">规则</a></li>
5                 <li><a href="http://www.mamicode.com/#"class="disable">论坛</a></li>
6                 <li><a href="http://www.mamicode.com/#">安全</a></li>
7                 <li><a href="http://www.mamicode.com/#">公益</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/">&laquo;上一页</a></li>
4   <li><a href="http://www.mamicode.com/#">下一页&raquo;</a></li>
5 </ul>

2、JQ

1            $(".disabled").click(function (event) {
2                event.preventDefault();        
3                   });

 

　　

 

[转]为什么 在li标签上添加了disabled类名的时候，不能禁止其点击功能？这个在 bootstrap.js 里面没有设置好吗？


联系
我们