如何使用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中的内容设置为变量。