jQueryタブの「common」マークアップ

Question

jQuery UI Tab divsが多数あります。すべてのタブ/ divに共通するマークアップを持つ方法はありますか？具体的には、保存ボタンとキャンセルボタンを追加したいのですが、実際にマークアップには何かが含まれる可能性があります。

私が必要な場合は、すべて私のタブ間でこれらを複製または単に外側のdiv内のマークアップを追加し、いくつかの負のマージン（タブエリアのすべての内に移動を与えることができます。

Answer 1

をたぶんあなたはcommomを追加することができます単一の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> 

だけのアイデアを与えて、テストしたわけではありません。