Как применить свойство css во время выполнения?

Question

У меня есть HTML код

<div id="div1"></div> 

Я загрузки контента на него динамически и установив его ширину в функции «успех» на основе содержимого

Heres JQuery код

данных массив, возвращаемый php и data.length = 30;

success: function (data) { 
     var data1=data; 
     var w2=(data1.length)*100; 
     $("#div1").css({'width':w2+'px'}); 
     alert($("#div").width(); 

но когда я сигнализируют, я получаю NULL значение и Div1 устанавливается ширина

Answer 1

по умолчанию вы применили CSS селектору отличается селектором, используемого в боевой готовности и боевой готовности мисс)

$("#div1").css('width',w2+'px'); 
alert($("#div").width()); 

Answer 2

Установите его как так

 $("#div1").css('width', w2); 

и тогда тревога ширина «# див1», а не «#div» .. как с о

 alert($("#div1").width()); 

Так полная вещь:

success: function (data) { 
    var data1=data; 
    var w2=(data1.length)*100; 
    $("#div1").css('width', w2); 
    alert($("#div1").width()); 
} 

Answer 3

Здесь вы действуете, я также удалил data1, потому что не было полезным и сделать код немного более читаемым

function (data) { 
    var w2 = data.length * 100; 
    $("#div1").css('width', w2); 
    alert($("#div").width()); 
}