jquery - 実行時にcssプロパティを適用する方法は?

Question

私はhtmlコードを持っています

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

コンテンツを動的にロードし、コンテンツに基づいて「成功」関数で幅を設定しています

ここにjqueryコードがあります

data は、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);

そして、「#div」ではなく「#div1」のアラート幅..そのように

      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());
}