jquery - Apply class after element is loaded

Question

I have a document where a content of a table is loaded within container with AJAX.

I need to apply styling to the table, and although my JS is within

$(document).ready(function() { 

});

it appears I am still unable to apply the CSS to the table. Is there a way to add some listener to do it after the table is loaded?

UPDATE:

Fixed it with running function after delay

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

实际上，如果在文档的 ready 事件中通过异步查询加载元素，您将无法“访问”该元素。

为什么要等待加载元素来应用样式？因为您知道您的元素将在特定表格中创建（具有特定 id ？），所以最好的解决方案必须是在您的“静态”css 代码中应用样式，以表格元素为目标。

这样，元素在添加到 dom 时就会被设置样式。

2 回答 2