jQuery標籤「常見」標記

Question

我有一些jQuery UI標籤div。有沒有什麼辦法可以對所有的tab/div都有共同的標記？具體來說，我想添加保存和取消按鈕，但真正的標記可以包含任何東西。

，如果需要，我可以複製這些所有我的選項卡或乾脆外層的div中添加的標記，並給它一些負面保證金（其移動到內的所有標籤領域。

Answer 1

也許你可以添加黎民在一個DIV，然後調用標籤插件之前的內容，再加上一點共同的標記給每個內容塊的事情是這樣的：

標記：

<div id="commonContent"> 
    <p>Some common stuff</p> 
</div> 

<ul id="tabNav"> 
    <li><a href="#tabContent1">Tab1</a></li> 
    <li><a href="#tabContent2">Tab2</a></li> 
    <li><a href="#tabContent3">Tab3</a></li> 
</ul> 

<div id="tabContent1" class="tabContent"> 
    <p>Content 1</p> 
</div> 
<div id="tabContent2" class="tabContent"> 
    <p>Content 2</p> 
</div> 
<div id="tabContent3" class="tabContent"> 
    <p>Content 3</p> 
</div> 

<script type="text/javascript"> 
    (function($){ 
     $(document).ready(function(){ 
      $('#commonContent').hide().appendTo($('.tabContent')); 
      $('#tabNav').tabs(); 
     }); 
    })(jQuery); 
</script> 

沒有測試，只是給的想法。