首页 > 其他 > 详细

关于Bootstrap 利用radio实现tab切换的一个问题

时间:2018-07-07 14:11:41      阅读:311      评论:0      收藏:0      [点我收藏+]

1、html代码

       <div class="col-sm-10 nav nav-tabs" id="typelist" role="tablist">
              <label class="radio-inline">
                <input type="radio" role="tab" name="type" data-target="#single"  checked value="1" aria-selected="true"> 单项服务
              </label>
              <label class="radio-inline">
                <input type="radio" name="type" role="tab" data-target="#mutiple" value="2" aria-selected="false"> 套餐服务
              </label>
            </div>

2、javasc代码

        $(‘#typelist input[name="type"]‘).on("click",function(e){
                $(‘#typelist input[name="type"]‘).removeClass("active show");
                $(this).tab(‘show‘);
              });

问题:如果不加上移除class的javascript语句的话切换是只能正常显示一次的,而如果是用a标签做tab的话是可以不加移除class就能正常显示的

原因在于什么地方呢?

(暂时未知,有知道的可以留言)

 

关于Bootstrap 利用radio实现tab切换的一个问题

原文:https://www.cnblogs.com/linxingyun/p/9277086.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!