当我尝试使用数组中的值(百分比值)更新css的width属性并将其分配给对象的.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

}


谢谢。

最佳答案

没有引号。您正在将'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

}

关于javascript - 将CSS样式从数组分配给width属性不起作用(JQUERY),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6627746/

10-09 20:39
查看更多