为了账号安全,请及时绑定邮箱和手机立即绑定

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

不是已经引入了bootstrap.js 吗?这个在 bootstrap.js 里面没有设置好吗?

正在回答

5 回答

能手写手写吧,觉得这个不好用,还是自己写的舒服

0 回复 有任何疑惑可以回复我~

对于bootstrap中的disabled样式,好像并没有对a标签的默认行为进行处理,这可能就是它虽然设置了disabled样式但仍然可触发的原因。

解决方案:

1、添加Css阻止a标签的触发

.disabled{
pointer-events:none; 
}
<!--禁止状态-->
<ul class="pager">
  <li class="disabled"><a href="http://v3.bootcss.com/">&laquo;上一页</a></li>
  <li><a href="#">下一页&raquo;</a></li>
</ul>

2、JQ

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


1 回复 有任何疑惑可以回复我~

我也遇到了这个问题,因该是bootstrap的一个bug

0 回复 有任何疑惑可以回复我~
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类即可!!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信