当我尝试使用数组中的值(百分比值)更新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/