jquery - jquery选项卡打不开

Question

我试图在动态创建一个选项卡后打开它，但我似乎无法打开新创建的选项卡。谁能告诉我我做错了什么请参阅下面的代码

    var num_tabs = $("div#supplierTabs ul li").length + 1;
    var dd = document.getElementById("dd_resortList")

    $("div#supplierTabs ul").append(
        "<li><a href='#fragment" + num_tabs + "'>" + dd.options[dd.selectedIndex].text + "</a></li>"
    );

    $("div#supplierTabs").append("<div id='fragment" + num_tabs + "'>text " + num_tabs + "</div>")

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

    $("div#supplierTabs").tabs("load", num_tabs-1);

Answer 1

我找到了答案：-

    $("div#supplierTabs").tabs("option", "active", num_tabs - 1);

这将打开最后一个选项卡

Answer 2

<script type="text/javascript">
$(document).ready(function() {
    $('the name of your class or id').tabs();
});
</script>


<div class="whatever you want but must be equal the class or id of your qjquery function">
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#about2">About2</a></li>
            <li><a href="#about3">About3</a></li>
        </ul>
            <div id="about"><p> Your Text </p></div>
            <div id="about2"><p>Your Text</p></div>
            <div id="about3"><p>Your Text</p></div>
</div>