2017-08-12 191 views
0

我正在使用http://www.jquery-steps.com/Examples#advanced-form插件。如何在jquery步驟之間添加延遲轉換(jQuery步驟插件)

如何在兩步之間添加延遲?

我已經嘗試在onStepChangingonStepChanged中添加超時功能,但它不起作用。

這裏是我的代碼如下所示:

var form = $("#example-advanced-form").show(); 

form.steps({ 
    headerTag: "h3", 
    bodyTag: "fieldset", 
    transitionEffect: "slideLeft", 
    onStepChanging: function (event, currentIndex, newIndex) 
    { 
     // Allways allow previous action even if the current form is not valid! 
     if (currentIndex > newIndex) 
     { 
      return true; 
     } 
     // Forbid next action on "Warning" step if the user is to young 
     if (newIndex === 3 && Number($("#age-2").val()) < 18) 
     { 
      return false; 
     } 
     // Needed in some cases if the user went back (clean up) 
     if (currentIndex < newIndex) 
     { 
      // To remove error styles 
      form.find(".body:eq(" + newIndex + ") label.error").remove(); 
      form.find(".body:eq(" + newIndex + ") .error").removeClass("error"); 
     } 
     form.validate().settings.ignore = ":disabled,:hidden"; 
     return form.valid(); 
    }, 
    onStepChanged: function (event, currentIndex, priorIndex) 
    { 
     // Used to skip the "Warning" step if the user is old enough. 
     if (currentIndex === 2 && Number($("#age-2").val()) >= 18) 
     { 
      form.steps("next"); 
     } 
     // Used to skip the "Warning" step if the user is old enough and wants to the previous step. 
     if (currentIndex === 2 && priorIndex === 3) 
     { 
      form.steps("previous"); 
     } 
    }, 
    onFinishing: function (event, currentIndex) 
    { 
     form.validate().settings.ignore = ":disabled"; 
     return form.valid(); 
    }, 
    onFinished: function (event, currentIndex) 
    { 
     alert("Submitted!"); 
    } 
}).validate({ 
    errorPlacement: function errorPlacement(error, element) { element.before(error); }, 
    rules: { 
     confirm: { 
      equalTo: "#password-2" 
     } 
    } 
}); 
+0

你到底要延遲? –

+0

步驟1到步驟2的進度。 – vDog

回答