2013-07-12 97 views
1

我試圖從引導nav中逐步創建導航。我希望用戶只能通過點擊每個標籤底部的按鈕來訪問下一個標籤頁。使用twitter引導的Tab導航

我已經嘗試添加類disabled和一些JS,但儘管風格發生了變化,您的內容仍然可以訪問。如果你們中的任何一個人做了類似的事情或者知道另一種更簡單的方法(插件或其他),請不要猶豫回覆。

My code example

在此先感謝。

回答

1

您可以嘗試使用此功能的「嚮導」插件之一。我已經試過https://github.com/VinceG/twitter-bootstrap-wizard

你可以設置它,在某種程度上,是在選項卡將沒有任何效果:

onTabClick: function (tab, navigation, index) { 
    return false; 
} 
+0

非常好的建議!也許這會幫助我,真的。我正在使用asp.net,並且需要爲每個轉換做驗證,最大的挑戰可能是由於回發。謝謝! – PiLHA

+0

我的用例是,我已經完成了在給定步驟中發佈表單的ajax響應的所有步驟。在嚮導配置中,我有這樣的: 'if(!$(currentTabId +'form')。valid())//檢查正常驗證 return false; $(currentTabId +'form')。submit(); ' – Botis

+0

我改編了解決方案以解決我的問題。 :) – PiLHA