JQuery：如何在 AJAX 出现元素后追加元素？

Question

我有一个通过 AJAX 加载的模式（我无权访问触发它的 JS 文件）。我想使用 JQuery 将一些 HTML 附加到模态的主体。如果我当然不能在 document.ready 函数中简单地做到这一点。当另一个元素出现在 DOM 中时，有没有办法附加 HTML？我试过了    $('.npopup .description').load(function(){         $(this).append(message);     });和    $('.npopup .description').ready(function(){         $(this).append(message);     });没有结果。

Answer 1

你可以ajaxComplete()这样使用：

$( document ).ajaxComplete(function( event, xhr, settings ) {

  if ( settings.url === "ajax/test.html" ) {

    $(this).append(message);

  }

});

确保查看event,xhr并settings让您找到您感兴趣的请求。否则，如果您不在if回调正文中使用该语句，您将在每个 ajax 调用中附加该消息。

另一种可能的解决方案是使用 MutationObserver 监听 DOM 中的变化。请参阅此处的示例： https: //developer.mozilla.org/en-US/docs/Web/API/MutationObserver。

MutationObserver 虽然是一个更好的解决方案，但我不记得与浏览器的兼容性如何。总的来说，兼容性还是不错的。