将内容添加到 JQuery 中生成的选项卡

Question

我将其添加到现有的 JQuery 选项卡中：

function createTab(name) {
    // this will add a tab via the standard method
    $("#tabs").tabs("add", "#fragment-4", name);
    $("#fragment-" + name).css("display", "block");
}

我的问题是，允许我在新创建的选项卡中创建内容的语法是什么？

Answer 1

只需将内容添加到您要添加的 div 中即可：

$('#fragment4').html('Contents added via JS');

Answer 2

您还可以使用模板插件。

<script id="SomeTemplate" type="text/x-jquery-tmpl">
    <h3>A Header with ${some_variable} in it</h3>
        Your content
</script>

然后在选项卡中的 .add 事件内，您可以将其附加到当前选项卡

$tabs = $("#tabs").tabs({
            add: function( event, ui ) {
                var data_to_pass = {some_variable:"data"};
                $("#SomeTemplate").tmpl(data_to_pass).appendTo(ui.panel);
            }
        });