Question

我正在使用HTML，jQuery和CSS创建一个标签。

我想创建一个特定的功能当用户位于tab1的最后一个文本框中时，如果他按下TAB键，它将进入下一个标签。

为了实现这一点，我正在最后一个文本框中，我正在给类bcz id已经用于其他目的。

我怎样才能使用课程？

我正在使用最新的jQuery，而不是使用jQueryUI创建标签它是通过html，css和jQuery制作的我不想使用标签索引我想用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 。

但是在演示中没有文本框。

演示代码中可能出现什么问题？提前谢谢。

Answer 1

我看到了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次，并且你的classname应该在qoutes里面

Answer 2

我不知道如何在标签1的最后一个文本框中定义“用户”。（焦点，鼠标悬停......）但是你可以使用jQuery的trigger（）函数到下一个标签。示例：当用户位于tab1的最后一个文本框中时，您可以使用

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

如何使用jquery移动到下一个选项卡

2 个答案: