Нажатие кнопки не выбирает нужную вкладку jquery

Question

Когда я нажимаю btnSelect, ничего не происходит. Я хочу, чтобы он выбрал вторую из 2 вкладок, вторая вкладка имеет индекс 1. Я удалил некоторую постороннюю уценку

Вот мой код

 <script>
      $(function () {
          $("#tabs-left").tabs();
          $("#tabs-right").tabs();
          $("btnSelect").click(function () {
              $("#tabs-left").tabs("option", "active", 1);
          });

      });







  </script>

      <div id="tabs-left">
        <ul>
            <li><a href="#tabs-1">Select Template</a></li>
            <li><a href="#tabs-2">Edit Template</a></li>
        </ul>
      <div id="tabs-1">
         <p>jQuery dropdown here</p>
         <asp:Button ID="btnSelect" runat="server" Text="Select" />
      </div>
      <div id="tabs-2">
         <p>jQuery rich text box here</p>

             <asp:Button id="btnReset" runat="server"  Text="Reset" /> 
             <asp:Button ID="btnSave" runat="server" Text="Save" />
             <asp:Button ID="btnSaveAs" runat="server" Text="Save As" /></div>
       </div>
  </div>

Answer 1

Кажется, вы не можете правильно выбрать кнопку.

Вам нужно получить контрольный идентификатор для HTML разметки, которая генерируется ASP. NET с помощью ClientID следующим образом.

 $("#<%=btnSelect.ClientID %>").click(function () {
              $("#tabs-left").tabs("option", "active", 1);
          });

Также второй вопрос здесь, вы должны добавить OnClientClick="return false;" к активной вкладке индекса 1:

<asp:Button ID="btnSelect" runat="server" Text="Select" OnClientClick="return false;"/>