2011-12-14 7 views
2

クローン(真)メソッドを使用してタブ要素を別の場所に複製しようとしましたが、正しく機能しませんでした。たとえば、 '#here' divのタブを切り替えることはできません。ここでjquery-uiのタブを別の場所に複製する方法

は、HTMLコンテンツです:

<body> 

<div id="tab1" class="tabs" style="height:100px; width:300px"> 
    <ul></ul> 
</div> 

<div id="here" style="height:100px; width:300px"></div> 
</body> 

、これは私が試したコードです:

$('#tab1').tabs({ closable: true }); 

$('#tab1').tabs('add', '#' + 1, 'test'); 
$('#tab1').tabs('add', '#' + 2, 'test'); 


var tmp = $('#tab1').clone(true); 

tmp.appendTo($('#here')); 

私はhtmlタグをコピーして、次のようにタブ要素を再初期化する必要はありません:

$('#tab1').tabs({ closable: true }); 

$('#tab1').tabs('add', '#' + 1, 'test'); 
$('#tab1').tabs('add', '#' + 2, 'test'); 


$('#here').html($('#tab1').html()); 
$('#here').tabs(); 

私は実際にDIFし、jqgridなどのUI要素を持っているタブ、その中にjstreeを再配置します上記のコードは適切な解決策ではありません。

ご協力いただきありがとうございます。

答えて

0

あなたが再割り当てしたい場合、私はあなたが後で

var tab = $('#tab1').detach(); 
tab.appendTo($('#here')); 
要素をreappendできるように、 detach()を使用することができると思います
関連する問題