Javascript jQuery选项卡"；普通的；加成

我有许多jqueryui选项卡div。是否有任何方法可以使标记对所有选项卡/div通用？具体来说，我想添加保存和取消按钮，但实际上标记可以包含任何内容

---

如果需要的话，我可以在我所有的标签页上复制这些内容，或者简单地在外部div中添加标记，并给它一些负边距（将其移动到所有选项卡区域内。

也许您可以在单个div中添加commom内容，然后在调用选项卡插件之前，只需将该公共标记添加到每个内容块中即可。类似如下：

标记：

<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>

一些普通的东西






内容1

内容2

内容3

（函数（$）{
$（文档）.ready（函数（）{
$（'#commonContent'）.hide（）.appendTo（$（'.tabContent'））；
$（'#tabNav'）.tabs（）；
});
})（jQuery）；

---

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

为什么不按照您的建议将其放在外部分区中？如果我打算这样做，我可能会这样做。如果您将其放在作为选项卡一部分的外部分区中，则不会呈现。将内容放在不属于选项卡结构的分区中，然后添加负边距。我的意思是将公共标记完全置于选项卡控件之外。若它对所有人来说都是公共的，那个么它成为选项卡控件的一部分就并没有意义了。+1是一种有趣的方法，但它仍然复制了内容……我更喜欢我当前的解决方案，将内容放置在选项卡之外，然后添加负边距。是的，它确实复制了内容简单，但仅在DOM级别，而不是在标记中。从资源利用的角度来看，您的方法肯定更经济。感谢+1。干杯！