使用javascript函数打开标签

Question

如何使用 java-script 函数打开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") 来打开标签，但由于您似乎没有Order 标签的a 元素，您必须添加@987654327 @class 到这个选项卡自己并将其从其他选项卡中删除。

例如：

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

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