jQuery-在加载所有元素后从另一页加载

Question

我想显示产品的等级，在类别页面上的id等级为div的产品页面上是巫婆，所以我在下面创建了一个脚本：

$('.product').each(function(){
    var url = $(this).find('a').attr('href');
    $(this).prepend('<div class="rating"></div>');
    $(this).find('.rating').load(url +'#rating');
});

问题是，产品页面上的评级是用另一个脚本生成的，因此从一开始网站上就没有元素#rating，因此在进行一些搜索后，我尝试添加ajaxcomplete函数：

$('.product').each(function(){
    var url = $(this).find('a').attr('href');
    $(this).prepend('<div class="rating"></div>');
    $(this).ajaxComplete(function(nxt) {
        $(this).find('.rating').load(url +'#rating');
        nxt();
    });
});

但这似乎也不起作用，所以我想知道是否有任何解决方案可以起作用？

谢谢

Answer 1

您需要使用jQuery getScript加载执行评级的脚本。 这样，您就可以将取决于评估脚本的处理置于getScript调用的成功处理程序中。

该代码将如下所示：

$.getScript( "rating.js", function( data, textStatus, jqxhr ) {
  console.log( "rating complete" );
  $('.product').each(function(){
    var url = $(this).find('a').attr('href');
    $(this).find('.rating').load(url +'#rating');
  }
});