Question

我正在制作一个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>

Answer 1

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

$('#formnextbutton').click(function () {  $("#tabbutton").click() });

Answer 2

也许不是更好，但它更有活力。

$(".tabs .active + dd > a").click()

带有“下一步按钮”的zurb-foundation标签

2 个答案: