Question

我正在使用无限的Ajax滚动，它在滚动时通过Ajax加载页面。现在我必须在每个li元素中移动一些元素。

因此jQuery在第一页加载时正常工作，但不能在Ajax加载的页面上工作。简而言之，它正在使用li元素，这些元素首次按页面加载，但不能处理由Ajax加载的li元素。

jQuery(document).ready(function () {
  jQuery('.products.list li').each(function () {
    var discount = jQuery(this).find('span.discount');
    var luckycash = jQuery(this).find('span.rewards__product-points');
  });

  jQuery(this).find('.price-box.price-final_price').append(discount);
  jQuery(this).find('.price-box.price-final_price').append(luckycash);
});

Ajax无限滚动js是https://github.com/manishjoy/magento2-catalog-infinite-scroll view / frontend / web / js / infinitescroll / jquery.ajaxscroll.min.js

Answer 1

是的，肯定是jquery事件委托问题：改变你的功能，如下所述。它应该工作。

jQuery(document).find('.products.list li').each(function () {  // Changed function syntax
    var discount = jQuery(this).find('span.discount');
    var luckycash = jQuery(this).find('span.rewards__product-points');
  });

jQuery不支持Ajax无限Scroll

1 个答案: