jquery - 要素がロードされた後にクラスを適用する

Question

AJAX を使用してコンテナー内にテーブルのコンテンツが読み込まれるドキュメントがあります。

テーブルにスタイリングを適用する必要がありますが、私の JS は

$(document).ready(function() { 

});

CSS をテーブルに適用できないようです。テーブルがロードされた後にリスナーを追加する方法はありますか?

アップデート：

遅延後の実行機能で修正

setTimeout(function() {
    $('.myElement').addClass('myClass');
}, 1000);

score 0 · Accepted Answer

ajax を使用してテーブルにデータがロードされたら、css クラスを適用しますか? はいの場合は、ajax 呼び出しのコールバック関数でそれを行うことができます。

$(function(){

  $("#tblAwesome").load("gettablecontent.aspx",function(){
        $("#tblAwesome").addClass("newClass");
  });

});

score 0 · Accepted Answer

実際、非同期クエリを使用して後でロードされた場合、ドキュメントの準備完了イベントで要素に「アクセス」することはできません。

style を適用するために要素が読み込まれるのを待つ必要はありません。要素が特定のテーブルに (特定の ID で) 作成されることがわかっているため、最適な解決策は、テーブルの要素をターゲットにして、「静的」CSS コードにスタイルを適用することです。

このようにして、要素が dom に追加されるときに要素のスタイルが設定されます。

2 に答える 2