将 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);