1

私は 3 ステップのフォームに取り組んでおり、「次のステップ」ボタンを次のタブに移動できるようにする必要があります (それに応じて上部のプライマリ タブを変更します)。これに関するドキュメントはなく、コンテンツを変更することはできましたが、同時にプライマリ タブを変更することはできませんでした。

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 に答える