如果Bootstrap選項卡未激活，我想刪除div（如下所示）。如果Bootstrap選項卡未激活，jQuery將刪除div

事業部被刪除：

<div id="myCarousel"> ... </div>

顯示上述格：

<li class="overview active">

刪除#myCarousel格：低於

<li class="overview">

我的JavaScript嘗試如下，但它不工作：

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery('#myTab a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
      if (e.target.parent().hasClass('overview.active')) 
      jQuery('#myCarousel').show(); 
      else 
      jQuery('#myCarousel').hide(); 
    }); 
}) 
</script>

有何想法？

來源

2014-09-01 user3544484

試試這個：

DEMO

HTML：

<div id="myCarousel"> sfsdfsdfsdf </div> 
     <ul class="nav nav-tabs" role="tablist"> 
    <li id="myTab" class="overview active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> 
    <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> 
    <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li> 
    <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li> 
</ul>

SCRIPT：

jQuery(document).ready(function() { 
      jQuery('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
       if ($("#myTab")[0].className=='overview active') 
        jQuery('#myCarousel').show(); 
       else 
        jQuery('#myCarousel').hide(); 
      }); 
     })

來源

2014-09-01 13:36:27

謝謝...那...工程一兩件事 - 如果我點擊從總覽裏走，然後單擊回來來激活myCarousel div不會回來...任何想法？ – user3544484 2014-09-01 14:10:44

我不能抓住你的觀點！你可以解釋嗎 – 2014-09-01 14:16:47

嘗試

$(e.target).parent().is('.overview.active');

$(e.target).parent().hasClass("overview active");

來源

2014-09-01 13:15:37 Balachandran

嘗試hasClass只有 '主動'：

if(e.target.parent().hasClass('active') 
    $("#myCarousel").show(); 
else 
    $("#myCarousel").hide();

來源

2014-09-01 13:16:37 Ahab

來源

2014-09-01 13:31:24

如果Bootstrap選項卡未激活，jQuery將刪除div

回答

DEMO

相關問題