我需要一个新的jquery函数来完成这行CSS现在所做的事情:
#progressbar li {width: calc(100% / 5); /* divide by number of steps */}
我创建的这个jquery代码不起作用:
var count = $("#progressbar").children().length
result = parseInt(100) / parseInt(count);
$( "#progressbar > li" ).css( "width", "result%" );
这是为不同长度和步长的表单设置多页表单进度条的宽度。谢谢!
编辑:
谢谢大家。它现在正在工作,但如果你有更好的方式让我知道。我在网上创建了几个新表格。我在这里链接了前两个:
http://new-site.autouplinktech.com/forms/form-video360.html http://new-site.autouplinktech.com/forms/form-inteliPhoto.html
我也遇到了很多在我的表单上实现jquery验证的问题,因为它还使用多步来分别显示每个字段集,但这可能是另一篇帖子的主题。
答案 0 :(得分:1)
$( "#progressbar > li" ).css( "width", "result%" );
应该是:
$( "#progressbar > li" ).css( "width", result + "%" );
另外,在第一个语句中添加一个分号:
var count = $("#progressbar").children().length;
[这当然不是问题的根源:)]。