Question

我继承了对jQuery的rails站点的支持，我还在学习jQuery。看起来他们正在使用标签导航，并尝试触发下一个标签上的点击，下方带有“下一步”链接。这是相关的片段：

<script type="text/javascript">
    jQ().ready(function(){
            jQ("#tabs").tabs();
    });
</script>
...
<div id="tabs">
    <ul>
            <li><a href="#tab1"><span>Tab1</span></a></li>
            <li><a href="#tab2"><span>Tab2</span></a></li>
            <li><a href="#tab3"><span>Tab3</span></a></li>
    </ul>
    <div id="tab1">stuff
      <a href="#" onclick="jQ('#container>ul>li:eq(1)').find('a').trigger('click');">Next</a>
    </div>
    <div id="tab2">stuff
    </div>
    <div id="tab3">stuff
    </div>
</div>

单击“下一步”链接时，没有任何反应。我仍然试图在那里解析jquery的语法。根据我在其中一篇教程中的介绍，'#container'正在寻找一个id ='container'的元素，对吧？这可能是问题吗？或者'#container'对jQuery有特殊意义吗？

Answer 1

你没错，'＃container'正在寻找一个id ='container'的元素。 #tabs代替#container可以帮助你在这里给出的代码。

      <a href="#" onclick="jQ('#tabs>ul>li:eq(1)').find('a').trigger('click');">Next</a>

为什么在使用jQuery的选项卡列表上没有这个单击触发器？

1 个答案: