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

Question

我想显示一个产品的评分，女巫在div中的产品页面上，id为评分，在类别页面上，所以我在下面做了一个脚本：

$('.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');
  }
});