码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-07-07 14:25:05      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:check   tab   nbsp   一个   inpu   false   套餐   lis   div   

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切换的一个问题

标签:check   tab   nbsp   一个   inpu   false   套餐   lis   div   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!