2012-12-13 72 views
1

我工作3步驟窗體並需要能夠有「下一步」按鈕zurb-基礎凸片移動到下一個標籤(同時改變在相應頂部的主標籤)。任何有關如何爲此設置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> 

回答

0

有可能是一個更好的方式來做到這一點......但我只是用下面的解決辦法...

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

也許沒有太多更好,但更具活力。

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