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

Posted 2020-12-02 织梦行云

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就能正常显示的

原因在于什么地方呢？

（暂时未知，有知道的可以留言）