使用jQuery步驟獲取安裝問題

Question

我試圖實現jQuery steps插件，我開始使用我的一些基本的html和表單，但我無法運行步驟。我也檢查控制檯，但沒有錯誤。

我設立這個例子在我的HTML：http://www.jquery-steps.com/Examples#basic-form

我的腳本代碼：

jQuery(function(){ 
    function errorPlacement(error, element){ 
     element.before(error); 
    } 

    jQuery("#submit-steps").steps({ 
     headerTag: "h3", 
     bodyTag: "ul", 
     transitionEffect: "slide", 
     onStepChanging: function (event, currentIndex, newIndex){ 
      jQuery("#form-2").validate().settings.ignore = ":disabled,:hidden"; 
      return jQuery("#form-2").valid(); 
     }, 
     onFinishing: function (event, currentIndex){ 
      jQuery("#form-2").validate().settings.ignore = ":disabled"; 
      return jQuery("#form-2").valid(); 
     }, 
     onFinished: function (event, currentIndex){ 
      alert("Submitted!"); 
     }, 
     labels: { 
      cancel: "Cancel", 
      finish: "Finish", 
      next: "Continue", 
      previous: "Previous" 
     } 
    }); 

}); 

我的jsfiddle：http://jsfiddle.net/6Zd5u/26/

需要你的幫助。

謝謝。

Answer 1

您的HTML代碼似乎並不正確。

如果您想使用h1作爲標題，並使用ul作爲正文標記，那麼只有那些標記在嚮導容器中被允許並且順序正確。例如：

<div id="wizard"> 
    <h1>Step 1</h1> 
    <ul> 
     ... 
    </ul> 
    <h1>Step 2</h1> 
    <ul> 
     ... 
    </ul> 
</div> 

注：當實現形式，我會建議你用的，因爲語義的原因fieldset爲body標籤。

最後一件事您可能會感興趣，並幫助您實現一個美好的形式。