使用jQuery將x％寬度添加到div

-1

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

現在我也有一種形式......有不同類型的字段...

比如我有5個selectboxes ......現在如果我選擇選擇框NR1什麼... ...必須從0％變爲20％......現在，如果我選擇選擇框NR2另外20％被添加到該div寬度什麼......等等......

我寫了這個代碼，但它給了我像素，而不是百分數...

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

我該如何寫ADDS 20％而不是20px ..？有人可以請幫助...謝謝

編輯/ UPDATE

我有5個selectboxes ...

每個選擇框我有一個IF ELSE語句..

爲例如：如果selectboxnr1被選中，則將div加20％...如果它是DESELECTED（未選中）...減去20％返回

等等每5個選擇框..

P.S.我寫手動％每個選擇框...所以比如我寫

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

-1

試試這個

更新，你可以做一個變量遞增，這樣做

$("#loading_bar").css({width, With+"%"})

或

$("#loading_bar").css("width",With+"%")

2013-10-12 15:00:46 Misters

它始終將其設置爲20％。 –

呵呵，你們都是好人，讓我解決它吧 – Misters

爲什麼你在做= +當我假設你在某個地方有實際的正確百分比？

$("#loading_bar").css("width", percentage+"%")

2013-10-12 15:02:19

Downvoters請解釋一下。 –

非常感謝。就是這樣。我添加了 - > $（「＃loading_bar」）.css（「width」，20 +「％」）它工作正常 –

@AlexandruVlas：這不會添加'20％'。它將其降低到當前尺寸的20％。這不是你要求的。如果這就是你想要的，爲什麼你要做20+「％」而不是「20％」？ – user2736012

你需要兩個步驟：

var new_width = $("#loading_bar").css("width") * 1,2 
$("#loading_bar").css("width",new_width+"px")

更換px與%如果您使用的是在你的CSS。

2013-10-12 15:02:55 Joren

-1

你可能是更清潔，寫一個CSS語句它

.width-20percent { 
    width: 20%; 
}

然後添加類，而不是：

$("#loading_bar").addClass('width-20percent ');

這也將讓您輕鬆地重新使用它的其它元素做到這一點，如果你改變主意，你只需要編輯一次。。

希望這會有所幫助:)

2013-10-12 15:03:57 Danienllxxox

這隻會讓它永遠20％。 –

回答