使用jQuery優化使用jQuery修改CSS值的語法

Question

我有一個jQuery函數來修改兩個CSS類的寬度值。寬度以兩個類別的百分比給出。正如所寫，它的工作原理，但我試圖優化我的jQuery代碼，所以它只適用於變量。下面是相關的代碼（百分比是較早定義的變量）：

$('.eventdescription').css({width : 75 - percent + '%'}); 
$('.function').css({width : 25 + percent + '%'}); 

我想擺脫「75」和「25」的值。我試過以下內容：

$('.eventdescription').css({width : -=percent + '%'}); 
$('.function').css({width : +=percent + '%'}); 

但是，我收到了'意外標識符'錯誤。用引號括起「+ =百分比」和「 - =百分比」似乎沒有任何作用。我究竟做錯了什麼？ 感謝您的閱讀。

編輯：見湯姆鐘的答案。正確的語法是將引號中的+ =和 - =運算符括起來，並將它們作爲離散單位包含在操作中。

Answer 1

$('.eventdescription').css({width : '-=' + percent + '%'}); 
$('.function').css({width : '+=' + percent + '%'}); 

' - =' & & '+ =' 運算符應該在字符串的形式。

進一步說明，代碼+=percent無效。正確使用它應該是，

var originalPercent = 0; 
originalPercent += percent; 
// Now, value of originalPercent will be originalPercent + percent