Question

我尝试使用clone（true）方法将tabs元素克隆到不同的位置，但它无法正常工作。例如，我无法在'#here'div中的标签之间切换。

这是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标签，然后像这样重新初始化tabs元素：

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

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


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

我实际上想要将其中包含jqgrid，jstree等ui元素的标签重新定位到动态不同的div中，并且上面的代码不是合适的解决方案。

感谢您的关注。

Answer 1

如果你想重新分配我认为你可以使用detach()以便以后可以重新使用这些元素

var tab = $('#tab1').detach();
tab.appendTo($('#here'));

如何将jquery-ui选项卡克隆到不同的loc

1 个答案: