引導模式窗體與下一首/上一個按鈕

Question

我是新來引導和jQueryUI的未來我不知道是否有人已經做了一個/上一個窗體界面，以繞過整個滾動視想法。

在過去，我曾與下列內容：

http://css-tricks.com/jquery-ui-tabs-with-nextprevious/

所以之前我開始我想也ask-想尋找出與驗證等

Answer 1

任何問題這是未經測試的，但一個基本的想法是包括一個標籤導航到你的模態身體，並添加一個prev /下一步按鈕，每個標籤的內容是這樣的：

<form action=""> 
    <div class="tabbable"> 
     <ul class="nav nav-tabs"> 
      <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
      <li class=""><a href="#tab2" data-toggle="tab">Section 2</a></li> 
     </ul> 
     <div class="tab-content"> 
      <div class="tab-pane" id="tab1"> 
      <p>Form for section one</p> 
      <a href="#tab2" data-toggle="tab" class="btn pull-right">Next</a> 
      </div> 
      <div class="tab-pane" id="tab2"> 
      <p>Next form part</p> 
      <a href="#tab2" data-toggle="tab" class="btn pull-left">Prev</a> 
      </div> 
     </div> 
     </div> 
</form> 

另一種選擇是隱藏<ul> -Tag並將您的上一頁/下一頁按鈕放入模態頁腳中。

Answer 2

<div class="tab-pane" id="tab1"> 

應該

<div class="tab-pane active" id="tab1"> 

Answer 3

我有增加了一個/下一個按鈕，使用引導 http://fearlessflyer.com/next-and-previous-buttons-bootstrap-photo-gallery/

也許你可以使用同樣的技術照相館教程 - 使用$（這一點）的.index（）。