- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在为我的向导类型表单使用 jQuery-steps 插件。我想显示正在加载...动画,直到整个向导完全加载。插件中为此提供了标签。我只是不知道如何启用它。
有什么猜测吗?
编辑:
这是我生成向导表单的代码
$(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" ), '' );
}
});
});
现在问题是它工作得很好,但是在加载整个表单时它首先显示部分标题然后加载表单,这看起来不太好。我只想显示正在加载...动画,直到整个表单加载完毕。
最佳答案
如果我正确理解了这个问题......表单在页面加载后加载了一点,导致用户在按步骤初始化表单之前查看表单。如果是这种情况,您可以添加一个包含加载动画的额外 div,并且在页面加载时不显示您的表单...
<div id="loadingIcon">
<img src="images/loading.gif"/>
</div>
<div id="wizard" style="display: none;">
<%-- FORM HERE --%>
</div>
然后在您的 onload 函数中,隐藏加载图标并显示表单。
$(function () {
$("#wizard").steps({
// Steps
});
$('#loadingIcon').hide();
$('#wizard').show();
});
关于javascript - 如何显示加载...直到整个向导加载到 jQuery-steps 插件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34530001/
我需要在 JavaScript 中的笛卡尔坐标和球坐标之间进行转换。我在论坛上浏览了一下,没有找到我要找的东西。 现在我有这个: this.rho = sqrt((x*x) + (y*y) + (z*
有没有matrix3d可以像这样把矩形变成梯形的?我知道常规的 2d 矩阵变换只能以平行四边形结束,因为您只能有效地倾斜和旋转。 div { width: 300px; height:
关于这个例子(d3.j radial tree node links different sizes),我想知道是否可以在 d3.js 中混合径向树和直线树。 对于我的 jsFiddle 示例:htt
我尽量把标题写得最好,但我不确定如何准确描述这里发生的事情,所以请随时更正。 我想使用 › 直 Angular 引号 (›) 而不是 > 直 Angular 引号 (>),虽然 › 字符比 > 短,但
我正在尝试使用 CSS 创建一个具有圆边的矩形棱柱,如下图所示。 到目前为止,我已经指定了顶部和底部的边界半径。问题是我不知道如何让另一边的左右边缘向内 curl 。因此,拐 Angular 处不应有
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗?更新问题,以便 editing this post 可以用事实和引文来回答它。 . 去年关闭。 社区去年审查了是否重
首先,我刚刚开始学习 HTML 和 CSS。 我想如何使用这段代码: https://codepen.io/martinjkelly/pen/vEOBvL .container { width:
我是一名优秀的程序员,十分优秀!