javascript - 使用 javascript 函数打开选项卡

Question

如何使用 java 脚本函数打开 Order 选项卡，并将事件类分配给打开的选项卡。

我尝试了下面的代码，但没有成功。

<script>
    function showmodal() {
        $('#Order').modal('toggle').addClass('active');

    }
</script>

-

    <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="#home" data-toggle="tab">Active Customer</a></li>
        <li>
            <asp:LinkButton OnClientClick="showmodal()" ID="LinkButton1" runat="server">Order</asp:LinkButton></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="home">
            home
        </div>

        <div class="tab-pane" id="Order">

            <div class="row">
                <div class="col-md-12">
                    Order


                </div>
            </div>

        </div>

    </div>
</div>

Answer 1

您通常通过在选项卡的 a 元素上调用 ...tab("show") 来打开选项卡，但由于您似乎没有 a 元素用于 Order 选项卡，您必须自己将 active 类添加到此选项卡，并将其从其他选项卡中删除。

例如:

$("#Order").closest(".tab-content").find(".tab-pane").removeClass("active"); 
$("#Order").addClass("active");

您应该看看 documentation了解如何正确使用选项卡。