检测何时完成元素加载新的HTML

Question

我在另一个JS文件中有一个加载事件，该文件在单击分页时使用.on（'load'）在新的HTML中加载。但是，一旦加载了HTML，我就需要在另一个脚本中发生一些事情。到目前为止，我已经尝试过，但是没有运气。JS-AJAX-CONTENT-CONTAINER是在新的HTML中加载的元素。JS-Ajax-link是我单击的分页链接以启动加载事件。

$('body').on('click', '.js-ajax-link', function() {
  $('body').on('.js-ajax-content-container', 'ajaxComplete', function() {
    alert("loaded");
  });
});

Answer 1

您可以在一个脚本中发射自定义事件，然后在另一个脚本中听。

顺便说一句，您的论点在on()的错误顺序中。
首先，您通过事件名称，然后通过选择器。

$('body').on('click', '.js-ajax-link', function() {
  $('body').on('ajaxComplete','.js-ajax-content-container', function() {
    $(document).trigger('ajaxLinkLoaded');
  });
});  

，在另一个脚本中，您可以收听此事件：

$(document).on('ajaxLinkLoaded', function(e){ // do something});