1

我正在处理一个 3 步表单,并且需要能够将“下一步”按钮移动到下一个选项卡(同时相应地更改顶部的主选项卡)。关于如何为此设置 javascript 的任何想法?没有这方面的文档,我已经能够更改内容,但不能同时更改主选项卡。

http://foundation.zurb.com/docs/tabs.php

例子:

<dl class="tabs">
  <dd class="active"><a href="#simple1">Step 1</a></dd>
  <dd><a href="#simple2">Step 2</a></dd>
  <dd><a href="#simple3">Step 3</a></dd>
</dl>
<ul class="tabs-content">
  <li class="active" id="simple1Tab">
    <p>Step 1</p>
    <a class="button" href="#simple2">Next Step »</a>
  </li>
  <li id="simple2Tab">
    <p>Step 2</p>
    <a class="button" href="#simple3">Next Step »</a>
  </li>
  <li id="simple3Tab">
    <p>Step 3</p>
  </li>
</ul>
4

2 回答 2

0

可能有更好的方法来做到这一点......但我只是使用以下作为解决方法......

$('#formnextbutton').click(function () {  $("#tabbutton").click() });
于 2012-12-26T22:07:28.057 回答
0

也许不会好多少,但它更有活力。

$(".tabs .active + dd > a").click()
于 2015-05-15T13:13:42.297 回答