引導程序3：啟用其他標簽后，嵌套標簽消失

Question

https://jsfiddle.net/Miega/Lmn1490b/

我正在嘗試使用Bootstrap和一些額外的jQuery對嵌套的標簽顯示進行編程。 每當我嘗試在“單位選擇”類別中選擇另一個項目時，內容就消失了。 但是，如果切換到另一個未嵌套的選項卡，則將加載內容。

有問題的jQuery代碼：

$('#unitTabs').on('click', 'a[data-toggle="tab"]', function(e) {
      e.preventDefault();

      var $link = $(this);

      if (!$link.parent().hasClass('active')) {

        //remove active class from other tab-panes
        $('.tab-content:not(.' + $link.attr('href').replace('#','') + ') .tab-pane').removeClass('active');

        // click first submenu tab for active section
        $('a[href="' + $link.attr('href') + '_all"][data-toggle="tab"]').click();

        // activate tab-pane for active section
        $('.tab-content.' + $link.attr('href').replace('#','') + ' .tab-pane:first').addClass('active');
      }
});

任何幫助是極大的贊賞。

Answer 1

$('#unitTabs').on('click', 'a[data-toggle="tab"]', function(e) {
  e.preventDefault();

  var $link = $(this);
  var $parent = $link.parent();
  if (!$parent.hasClass('active')) {
    $parent.addClass('active');
    $parent.siblings().removeClass('active')

    $('#unit .tab-pane').removeClass('active')
    $($link.attr('href')).addClass('active')
  }
});

JSFiddle