2016-02-03 68 views
1

我试过了CSS技巧试图让选项卡保持显示,但是我点击了一个选项卡 - 只要点击另一个选项卡,它就会消失。Bootstrap选项卡在点击到另一个选项卡后消失

我试着移动JS代码并将某些CSS属性移动到页面底部,位于标签代码下方;什么都没发生。

难道这可能是因为我在标题上有一个标签,它是这样做的吗?

代码和标签一起看起来不错,没有拼写错误。

回答

2
 $(document).off('click.tab.data-api'); 
    $(document).on('click.tab.data-api', '[data-toggle="tab"]', function (e) { 
     e.preventDefault(); 
     var tab = $($(this).attr('href')); 
     var activate = !tab.hasClass('active'); 
     $('div.tab-content>div.tab-pane.active').removeClass('active'); 
     $('ul.nav.nav-tabs>li.active').removeClass('active'); 
     if (activate) { 
      $(this).tab('show') 
     } 
    }); 
+0

这工作,但为什么这甚至需要呢?这是在BS3的更高版本中的错误?我用过的标签多次与稍早的版本,直到现在从未见过这个问题,现在我们使用3.3.7。 – molaro

0

对我来说,它是与原型:(不兼容

相关问题