如何進入下一個選項卡使用jquery

-1

我創建一個使用HTML，jQuery和CSS的選項卡。如何進入下一個選項卡使用jquery

我想創建一個特定的功能。
當用戶在tab1的最後一個文本框中時，如果他按下TAB鍵，它將移動到下一個選項卡中。

爲了實現這一點，我正在做的最後一個文本框中，我正在給班bcz id已經用於其他目的。

如何使用類來做到這一點？

我正在使用最新的jQuery，我沒有使用jQueryUI創建標籤。
它是通過html，css和jQuery製作的。
我不想使用tab索引。
我想用jQuery創建它。

<ul class='tabs'> 
       <li><a href='#tab1'>Tab 1</a></li> 
       <li><a href='#tab2'>Tab 2</a></li> 
       <li><a href='#tab3'>Tab 3</a></li> 
       </ul> 
       <div id='tab1' class=tabss> 
       <ul class= "set2"> 
        <li> test 1<asp:TextBox runat="server" /></li> 
        <li> test 2<asp:TextBox runat="server" /></li> 
       </ul> 
       </div> 
       <div id='tab3' class=tabss> 
       <ul class= "set2"> 
        <li> test 3<asp:TextBox runat="server" /></li> 
        <li> test 4<asp:TextBox runat="server" /></li> 
       </ul> 
       </div> 
       <div id='tab3' class=tabss> 
       <ul class= "set"> 
        <li> test 5<asp:TextBox runat="server" ID="test5" /></li> 
        <li> test 6<asp:TextBox runat="server" ID="test6" /></li> 
       </ul> 
       </div>

This is demo 。

但在演示中沒有文本框。

演示代碼有什麼問題？在此先感謝。

來源

2014-01-14 user3149053

我看到2個錯誤：

<ul class='tabs'> 
      <li><a href='#tab1'>Tab 1</a></li> 
      <li><a href='#tab2'>Tab 2</a></li> 
      <li><a href='#tab3'>Tab 3</a></li> 
      </ul> 
      <div id='tab1' class="tabss"> 
      <ul class= "set2"> 
       <li> test 1<asp:TextBox runat="server" /></li> 
       <li> test 2<asp:TextBox runat="server" /></li> 
      </ul> 
      </div> 
      <div id='tab2' class="tabss"> 
      <ul class= "set2"> 
       <li> test 3<asp:TextBox runat="server" /></li> 
       <li> test 4<asp:TextBox runat="server" /></li> 
      </ul> 
      </div> 
      <div id='tab3' class="tabss"> 
      <ul class= "set"> 
       <li> test 5<asp:TextBox runat="server" ID="test5" /></li> 
       <li> test 6<asp:TextBox runat="server" ID="test6" /></li> 
      </ul> 
      </div>

您的ID TAB3是您的網頁， 2次，你的類名應該是內部qoutes

來源

2014-01-14 14:15:11

我想你的意思'＃tab3'，而不是'＃tab2' – Zhihao

另外，這如何回答他的問題？ – RononDex

@Zhihao編輯... –

我不知道你怎麼能在定義「用戶（焦點，鼠標懸停...）但是你可以使用jQuery的trigger（）函數到下一個標籤頁。例如：當用戶在TAB1的最後一個文本框，您可以使用

$("#tabs2").trigger("click");

來源

2014-01-15 08:30:39 LogPi

如何進入下一個選項卡使用jquery

回答

相關問題