jquery - 在 AJAX load() 之后操作元素

Question

我试图在使用 .load() 加载某些元素后对其进行操作。我已正确加载所有内容，但我似乎无法定位任何已加载元素中的任何元素。这看起来很容易，但我只能用手指来完成。

我在元素加载后使用回调，但 DOM 似乎不知道它们的存在？

function load_page(){
    $('#page_name').load("/page-name/ .page", null, load_complete());
}

function load_complete() {
    $('#page_name .book_img').addClass('hello');
}

好的，这就是我现在所处的位置。我已经添加了...

$('#wrapper').ajaxComplete(function() {
    $('#page_name .book_img').addClass('hello');
}

有效。 .autoComplete 和 .load() 函数封装的回调之间一定有区别。我不太喜欢这个，因为每次 AJAX 事件加载完成时都会调用它，但它确实让我走得更远。

还有更好的吗？

[编辑]

我也尝试过...

$('#wrapper').ajaxComplete(function() {
    $('#page_name .book_img').addClass('hello');
}

这很好，因为它会等到所有 AJAX 调用完成后再调用该函数。也许这是这样做的方法，但看起来 .load() 函数仍然会处理这个问题？

Answer 1

看起来您正在执行回调函数，而不是将其传递给加载方法:

function load_page(){
    // $('#page_name').load("/page-name/ .page", null, load_complete());
    $('#page_name').load("/page-name/ .page", null, load_complete);
}

function load_complete() {
    $('#page_name .book_img').addClass('hello');
}

因此传递给 load 方法的是 null，因为 load_complete 中没有返回值