使用jquery计算每个列表项的宽度

时间:2014-05-16 14:23:17

标签: javascript jquery css

我需要一个新的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验证的问题,因为它还使用多步来分别显示每个字段集,但这可能是另一篇帖子的主题。

1 个答案:

答案 0 :(得分:1)

$( "#progressbar > li" ).css( "width", "result%" );

应该是:

$( "#progressbar > li" ).css( "width", result + "%" );

另外,在第一个语句中添加一个分号:

var count = $("#progressbar").children().length;

[这当然不是问题的根源:)]。