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

来源:6-10 分页导航(翻页分页导航)

muge10

2015-04-30 16:33

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

写回答 关注

4回答

  • qq_男人拿得起放得下_0
    2018-04-19 17:23:48

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

  • Stwvon3836464
    2016-12-06 17:47:45

    对于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
    2016-09-03 22:06:10

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

  • 成者并非一蹴而就
    2015-04-30 19:00:23
    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(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题