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