Assigning a CSS Style to the width prooperty from an array does not work (JQUERY)

Question

When I try to update the width property of the css with a value from the array (a percentage value) and assign it to the .css() property of my object it will not change the width, but if I enter it directly then it works:

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

}

Thank you.

SeanCannon · Accepted Answer · 2011-07-08 16:55:00Z

3

No quotes. You're passing 'percentComplete' as a string. Remove the quotes in the argument:

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

}

answered Jul 8, 2011 at 16:55

SeanCannon

78.1k17 gold badges126 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joe · Accepted Answer · 2011-07-08 16:55:11Z

1

Replace:

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

with:

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

answered Jul 8, 2011 at 16:55

Joe

82.9k18 gold badges130 silver badges147 bronze badges

Comments

Chandu · Accepted Answer · 2011-07-08 16:55:12Z

1

Remove the quotes around percentComplete.

Change:

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

to

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

answered Jul 8, 2011 at 16:55

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

Collectives™ on Stack Overflow

Assigning a CSS Style to the width prooperty from an array does not work (JQUERY)

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related