gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 06:03:53 25 4
gpt4 key购买 nike

我尝试使用clone(true)方法将选项卡元素克隆到不同的位置,但它无法正常工作。例如,我无法在“#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,上面的代码不是合适的解决方案。

感谢您的关注。

最佳答案

如果你想重新分配,我想你可以使用 detach()以便您稍后可以重新附加元素

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

关于jquery - 如何将 jquery-ui 选项卡克隆到不同的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8504206/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com