Question

我有html标签和继续购物按钮。每个标签包含少量产品。当我们默认登陆页面时，会打开第一个标签。要求是当我们点击继续购物按钮时，用户将自动转到下一个标签说tab2，tab3然后完成，即用户必须在点击继续购物按钮后遍历每个标签。这是我的标签代码

<ul class="tabs-menu">
<li class="current"><a href="#tab-1">Warranty</a></li>
<li class=""><a href="#tab-2">Accessories</a></li>
<li class=""><a href="#tab-3">Software</a></li>
</ul>

<div class="tab-content" id="tab-1">
    Content of Tab 1
</div>  

<div class="tab-content" id="tab-2">
    Content of Tab 2
</div>  

<div class="tab-content" id="tab-3">
    Content of Tab 3
</div>  

<a href="#" id="continue-shopping">Continue Shopping</a>

完整的标签代码在这里： http://jsfiddle.net/syahrasi/us8uc/

Answer 1

在javascript代码中使用简单的setter $（＆＃34; .tab-content＆＃34;）。tabs（＆＃34; option＆＃34;，＆＃34; active＆＃34;，1）; 有关更多信息，请查看api文档 http://api.jqueryui.com/tabs/

Answer 2

您的按钮可以执行单击事件：

$("a[href='#tab-2']").trigger('click');

将＃tab-2替换为您希望通过按钮

打开的任何选项卡

- 编辑 -

您的按钮逻辑将查看选项卡序列，只需在末尾添加1，直到没有其他选项卡可以遍历。或者，有一个＆＃34;继续购物＆＃34;每个标签内容中的按钮向前移动

Answer 3

我在这里做了一个快速演示，它将尝试找到下一个标签，请查看更多详细信息，如果您需要：

demo http://jsfiddle.net/Us8uc/4696/

使用按钮在Tabs Jquery上自动单击

3 个答案: