Javascript 使用动态命名分配动态创建Jquery选项卡

我正在使用jQueryUI选项卡动态创建动态选项卡，开始时没有任何内容。据我所知，我的代码正在构建所有内容并将其放在适当的位置，但jquery没有将它们识别为选项卡。如何让它识别页面加载后创建的新选项卡

html代码：

    <div class="main">
    <div>
        <button id="new">button</button>
    </div>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">View1</a></li>
            <li><a href="#tabs-2">View2</a></li>
            <li id="createView"><a href="null">Create New</a></li>
        </ul>
        <div id="tabs-1">
            <p>something on this page</p>   
        </div>
        <div id="tabs-2">
            <div>
                <p>something else on this page</p>
            </div>
        </div>
    </div>
</div>​​​​​​​​

按钮





本页上的内容

这页上还有别的吗

​​​​​​​​

Javascript：

//Tabs functionality
    $('#tabs').tabs();

    //Create new view


    var tabNum = 3;

    $('#new').click(function() {

        $('#tabs ul').append('<li>' + '<a href="' + '#tabs-' + tabNum + '">' + 'newitem' + '</a>' + '</li>');
        $('#tabs').append('<div id="' + 'tabs-' + tabNum + '">' + '<div>new</div>' + '</div>');
        var NewViewNum = 'tabs-' + tabNum;
        $(NewViewNum).focus();

        tabNum++;

    });​

//选项卡功能
$（“#tabs”）.tabs（）；
//创建新视图
var-tabNum=3；
$（“#新建”）。单击（函数（）{
$（'#tabs ul'）。追加（'
'+'+'
'）；
$（'#制表符'）。追加（'+'新'+''）；
var NewViewNum='tabs-'+tabNum；
$（NewViewNum.focus（）；
tabNum++；
});​

jQuery UI选项卡有一个可以使用的

刷新方法

请尝试拨打：

$("#tabs").tabs("refresh");

jQuery UI选项卡有一个可以使用的
刷新
方法

请尝试拨打：

$("#tabs").tabs("refresh");

“不将它们识别为选项卡”是什么意思？请参阅“不将它们识别为选项卡”是什么意思？请参阅