jquery-ui - 如何使用 JqueryUI 创建具有自定义内容的新选项卡

Question

我使用 Jquery UI 创建选项卡。我想创建内容 tab1 = content tab2 的新标签

Answer 1

您可以使用一些 jQuery 来完成此操作。假设您的 jQuery UI 标记代码如下所示：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2">Test content</div>
</div>

您可以使用类似于以下内容的内容将内容复制到第一个选项卡中。

var content = $('#tabs-2').html();
$('#tabs-1').html(content);

此代码获取 tabs-2 div 中的 HTML 字符串并将其存储在变量中。然后它将 tabs-1 div 中的内容设置为变量。