Javascript 如何显示加载。。。直到整个向导加载到jQuery步骤插件？

我正在为我的向导类型表单使用jQuery步骤插件。我想展示一下。。。直到整个向导完全加载为止。插件中为此提供了标签。我只是不知道如何启用它

猜猜看

编辑：

这是我生成向导表单的代码

$(function () {
    $("#wizard").steps({
        headerTag: "h2",
        bodyTag: "form",
        saveState: true,
        transitionEffect: "slideLeft",
        onStepChanging: function stepChange(event, currentIndex, newIndex) {
            if (currentIndex > newIndex) {
                for(i=currentIndex;i>0;i--){
                    $("#sec"+i+"override").val(true);
                }
                return true;
            }

            e=event;
            ci=currentIndex;
            ni=newIndex;
            var form = $('#wizard-p-'+currentIndex);
            form.validate().settings.ignore = ":disabled,:hidden:not('.hiddenField')";
            var res = form.valid();
            if(res) {
                var ress = form.submit();
                if(check) {
                    return true ;   
                } else {
                    popup();  
                }
            }
        },
        onFinishing: function(event, currentIndex) {
            ci=currentIndex;
            var form = $('#wizard-p-'+currentIndex);
            form.validate().settings.ignore = ":disabled,:hidden:not('.hiddenField')";
            var res = form.valid();
            if(res) {
                var ress = form.submit();
                if(check) {
                    return true;    
                } else {
                    popup();
                }
            }
        },
        onFinished: function(event, currentIndex) {
            <%
            UserDTO user = UserUtils.getLoggedInUser();
            if(user!=null){
                if(user.getIsAdmin()){
                    %>    
                        window.location = "<%=application.getContextPath()%>/projects"; 
                    <%     
                } else {
                    %>            
                    window.location = "<%=application.getContextPath()%>/home";
                    <%    
                }
            }
            %>
            $.cookie('jQu3ry_5teps_St@te_' + $( this ).data( "uid" ), '' );
        }
    });
});

$（函数（）{
$（“#向导”）。步骤({
头像：“h2”，
bodyTag:“表单”，
saveState：是的，
过渡效果：“slideLeft”，
onStepChanging：函数stepChange（事件、当前索引、新索引）{
如果（currentIndex>newIndex）{
对于（i=currentIndex；i>0；i--）{
$（“秒”+i+“覆盖”）.val（真）；
}
返回true；
}
e=事件；
ci=当前指数；
ni=新指数；
变量形式=$（“#向导-p-”+当前索引）；
form.validate（）.settings.ignore=“：disabled，：hidden:not（'.hiddenField'）”；
var res=form.valid（）；
如果（res）{
var ress=form.submit（）；
如果（检查）{
返回true；
}否则{
弹出（）；
}
}
},
onFinishing：函数（事件、当前索引）{
ci=当前指数；
变量形式=$（“#向导-p-”+当前索引）；
form.validate（）.settings.ignore=“：disabled，：hidden:not（'.hiddenField'）”；
var res=form.valid（）；
如果（res）{
var ress=form.submit（）；
如果（检查）{
返回true；
}否则{
弹出（）；
}
}
},
onFinished：函数（事件、当前索引）{
window.location=“/projects”；
window.location=“/home”；
$.cookie（'jQu3ry\u 5teps_St@te_“+$（this）.data（“uid”），”；
}
});
});

---

现在的问题是，它工作得很完美，但在加载整个表单时，它会先显示节标题，然后加载表单，这看起来不太好。我只是想展示一下。。。动画，直到整个表单加载。

如果我正确理解问题。。。表单在页面加载后加载，导致用户在通过步骤初始化表单之前查看表单。如果是这种情况，您可以添加一个包含加载动画的附加div，并且在页面加载时不显示表单

<div id="loadingIcon">
    <img src="images/loading.gif"/>
</div>
<div id="wizard" style="display: none;">
    <%-- FORM HERE --%>
</div>

---

如果我理解正确的话。。。表单在页面加载后加载，导致用户在通过步骤初始化表单之前查看表单。如果是这种情况，您可以添加一个包含加载动画的附加div，并且在页面加载时不显示表单

<div id="loadingIcon">
    <img src="images/loading.gif"/>
</div>
<div id="wizard" style="display: none;">
    <%-- FORM HERE --%>
</div>

---

你为什么不提供你所拥有的代码，或者创建一个，至少告诉我们你已经尝试独自完成这项任务。添加了我的代码。请看一下。我找不到导致表单加载延迟的代码部分。我可以给你一个提示，识别导致表单加载延迟的代码。在屏幕上拍摄一个图像，在加载表单之前显示该图像，并在代码执行完成后隐藏它。是的，我知道这是可以做到的。但是jquerysteps插件已经提供了这个功能。我只是不知道如何启用它。必须为此设置某些属性。请查看此示例（异步内容加载示例）。-你为什么不提供你所拥有的代码，或者创建一个，至少告诉我们你已经尝试独自完成这项任务。添加了我的代码。请看一下。我找不到导致表单加载延迟的代码部分。我可以给你一个提示，识别导致表单加载延迟的代码。在屏幕上拍摄一个图像，在加载表单之前显示该图像，并在代码执行完成后隐藏它。是的，我知道这是可以做到的。但是jquerysteps插件已经提供了这个功能。我只是不知道如何启用它。必须为此设置某些属性。请查看此示例（异步内容加载示例）-