將 CSS 樣式分配給數組的寬度屬性不起作用（JQUERY）

Question

當我嘗試使用數組中的值（百分比值）更新 css 的寬度屬性並將其分配給我的 object 的 .css() 屬性時，它不會改變寬度，但如果我直接輸入它然后它作品：

function updateCurrentAssetUploadProgressBox() {

var activeWorkflows = new Array();

activeWorkflows[0] = "15"; //progress percentage
activeWorkflows[1] = "MyTestAsset.jpg"; //asset name

var percentComplete = activeWorkflows[0] + "%"; // THIS WILL NOT WORK

$('#progressBox #metaAndLinksRow #itemName').html(activeWorkflows[1]);
//$('#progressBox #progressRow #progressBar').css('width', 'percentComplete');    // DOES NOT WORK
$('#progressBox #progressRow #progressBar').css('width', '15%');    // WORKS FINE

}

謝謝你。

Answer 1

沒有引號。 您將'percentComplete'作為字符串傳遞。 刪除參數中的引號：

function updateCurrentAssetUploadProgressBox() {

    var activeWorkflows = new Array();

    activeWorkflows[0] = 15; //progress percentage (INT should be unquoted)
    activeWorkflows[1] = "MyTestAsset.jpg"; //asset name

    var percentComplete = activeWorkflows[0] + "%";

    $('#progressBox #metaAndLinksRow #itemName').html(activeWorkflows[1]);
    $('#progressBox #progressRow #progressBar').css('width', percentComplete); // Pass as a variable, unquoted

}

Answer 2

代替：

$('#progressBox #progressRow #progressBar').css('width', 'percentComplete');

和：

$('#progressBox #progressRow #progressBar').css('width', percentComplete);

Answer 3

刪除 percentComplete 周圍的引號。

改變：

$('#progressBox #progressRow #progressBar').css('width', 'percentComplete'); 

至

$('#progressBox #progressRow #progressBar').css('width', percentComplete);