在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);
            }
        });