JQuery .load() 不添加到 DOM

JQuery .load() not adding to DOM?

本文关键字:添加 DOM load JQuery      更新时间:2023-09-26

我正在使用jQuery中的.load()函数来加载存储在单独文件中的HTML内容:

$('#div-id').load('contents.html');

稍后我尝试向从上面加载的元素添加一个类:

$('#elements_in_contents_html').addClass('active');     // not working 

以上内容对从contents.html添加的元素没有影响。

是因为.load()没有将加载的内容添加到 DOM 树中吗?

尝试将其添加到callback中,以便它等待.load()完成,然后执行callback

$('#div-id').load('contents.html', function () {
  $('#elements_in_contents_html').addClass('active');
});

使用类似这样的东西:

$("#myDiv").load( "/somecontroller/someaction", {data: value}, function() {
    $("#myDiv").find( "table tbody tr:even" ).addClass( "alt" );
});

这将等到内容完成加载,然后执行尝试对内容进行操作的函数。