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> 

没有测试，只是给的想法。