如何留在同一個嚮導刷新Jquery-Steps頁面？

Question

我正在使用我的嚮導類型表單的jQuery-Steps插件。現在，當我刷新頁面時，我想保留在同一個嚮導中。我怎麼做？

Answer 1

當初始化jQuery.steps時，您必須在選項中設置saveState: true。

如：

$("#example-basic").steps({ 
    headerTag: "h3", 
    bodyTag: "section", 
    transitionEffect: "slideLeft", 
    autoFocus: true, 
    saveState: true 
}); 

的saveState和選項取決於jQuery.cookie插件。 Ref：https://github.com/rstaib/jquery-steps/issues/86

saveState不能在本地文件系統上工作也很重要，因爲瀏覽器的限制，它必須由web服務器提供服務。

---

復位狀態：

爲了復位狀態時完成嚮導，你必須使用jQuery點擊第一步鏈接。然後，您可以隱藏該向導並顯示自定義消息，以便用戶不會感到困惑。

$("#example-basic").steps({ 
    ... 
    onFinished: function(a) { 
     $('#example-basic .steps a:eq(0)').click(); 
     $('#example-basic').hide(); 
     $('#custom-message').show(); 
    } 
}); 

這是我發現重置狀態而不更改或擴展插件代碼的唯一方法。