Question

我有很多jQuery UI Tab div。有没有办法让所有标签/ div共用标记？具体来说，我想添加保存和取消按钮，但实际上标记可能包含任何内容。

如果需要，我可以在所有标签中复制这些标签，或者只是在外部div中添加标记并给它一些负边距（将其移动到所有标签区域内。

Answer 1

也许你可以在一个div中添加commom内容，然后在调用tab插件之前，只需将该公共标记添加到每个内容块中。像这样：

标记：

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

没有经过测试，只是提出了想法。

jQuery选项卡“常用”标记

1 个答案: