Question

我有一种＆＃34;加载栏＆＃34;最初宽度为10％。

<div id="loading_bar"></div>

现在我还有一个表单......有不同类型的字段......

每次提交表单时，我都需要添加宽度，如+ 10％，+ 20％

我写了这段代码，但它给了我像素而不是百分比...

$("#loading_bar").css("width", "+=20");

我怎么写这样ADDS 20％而不是20px ..？

值不是常数，每次都会改变。所以每次我都需要根据指定的值增加宽度。
有人可以帮忙......谢谢

Answer 1

像这样。

function increasePercentage($element, percentage) {

    $element.css("width", "+="+(Math.round($element.parent().width() * (percentage / 100))));

}

increasePercentage($("#loading_bar"), 20);

Answer 2

您需要添加20％的包含元素的宽度，并计算它是什么。以下函数应该可以使用，具体取决于您的HTML结构：

var newWidth = $('#loading_bar').parent().width();
$("#loading_bar").css("width", "+="+(Math.round(newWidth * 0.2)));

此处，0.2代表20％。您可以使用20 / 100轻松明确设置百分比值。

Answer 3

 $("#loading_bar").css("width", +=20+"%");

Answer 4

您可以将该加载的值存储在某些属性中，例如rel。

var loaded = $('#loading_bar').attr('rel');
var width = loaded + 20;
$("#loading_bar").css('width', width+'%');
$('#loading_bar').attr('rel',width);

如何使用jQuery将x％width添加到div

4 个答案: