Javascript 如何从asp.net源代码调用引导选项卡

我的asp.net页面中有以下元素

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a href="#tabs-1" data-toggle="tab">Phase 1</a></li>
    <li><a href="#tabs-2" data-toggle="tab">Phase 2</a></li>
    <li><a href="#tabs-3" data-toggle="tab">Phase 3</a></li>
    <li><a href="#tabs-4" data-toggle="tab">Summary</a></li> 
</ul>

<div class="tab-content">

    <div class="tab-pane active" id="tabs-1">
        Tab 1 Content

        <asp:Button ID="Button2" runat="server" Text="next" />
    </div>
    <div id="tabs-2" class="tab-pane">
        Tab 2 Content

        <asp:Button ID="Button2" runat="server" Text="next" />
    </div>
    <div id="tabs-3" class="tab-pane">
        Tab 3 Content
        <asp:Button ID="Button2" runat="server" Text="next" />
    </div>
    <div id="tabs-4" class="tab-pane">
        Tab 4 Content
        <asp:Button ID="Button2" runat="server" Text="Save" />
    </div>

</div>

2-您可以通过多种方式激活各个选项卡：

$('#myTab a[href="#profile"]').tab('show') // Select tab by name
$('#myTab a:first').tab('show') // Select first tab
$('#myTab a:last').tab('show') // Select last tab
$('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)

参考：

---

问题是我不太擅长JavaScript，现在正在学习它。我需要一个关于执行任务的小帮助

您需要将这些事件与按钮关联起来。尝试按钮的

OnClientClick

属性。这将允许您将javascript函数与按钮相关联。有关示例，请访问

或者，你可以做一些类似的事情

$(".tab-pane input").click(function(){
  $('[href="#'+$(this).closest(".tab-pane").attr('id')+'"]').tab("show");
})

单击包含按钮的每个选项卡时，应调用选项卡功能

也就是说，你可能有一个根本性的问题-导航到选项卡的按钮不会隐藏在选项卡本身中吗

$(".tab-pane input").click(function(){
  $('[href="#'+$(this).closest(".tab-pane").attr('id')+'"]').tab("show");
})