jQuery的標籤 - 在同一個頁面上的多個標籤塊

Question

我有以下標籤代碼：

<div class="block_tabs_type_1"> 
<div class="tabs"> 
    <ul> 
     <li><a href="#1" class="current"><span>First Tab</span></a></li><!-- tab link --> 
     <li><a href="#2"><span class="icon cloud"></span></a></li><!-- tab link --> 
     <li><a href="#3"><span>Nested Shortcodes</span></a></li><!-- tab link --> 
    </ul> 
</div> 

<div class="tab_content"> 
    <!-- tab content goes here --> 
    <p>Duis r inceptos himenaeos.</p> 
</div> 

<div class="tab_content"> 
    <!-- tab content goes here --> 
    <p>Duis tincidunt er p elit.</p> 
</div> 

<div class="tab_content"> 
    <!-- tab content goes here --> 
    <p>Duis tincidunt e inceptos himenaeos.</p> 
</div> 

<script type="text/javascript"> 
    jQuery('.block_tabs_type_1 .tabs').tabs('.block_tabs_type_1 .tab_content', { 
     initialIndex : 0 
    }); 
</script> 

我想另一片塊添加到相同的頁面，但我很努力獲得JS正常運行。

任何人都可以建議嗎？

Answer 1

最簡單的方法是簡單地使用不同的選擇器並調用它兩次。

實施例：

<script type="text/javascript"> 
    jQuery('.block_tabs_type_1 .tabs').tabs('.block_tabs_type_1 .tab_content', { 
     initialIndex : 0 
    }); 
    jQuery('.block_tabs_type_2 .tabs').tabs('.block_tabs_type_2 .tab_content', { 
     initialIndex : 0 
    }); 
</script>