Question

我为我的magento商店安装了一个扩展程序，它在产品列表中创建了一个快速查看模式（imedia quickview - 它实际上是一个引导程序模式）并且运行良好，但由于列表中的许多产品我添加了一个脚本无限滚动（http://infiniteajaxscroll.com/vendor/jquery-ias/dist/jquery-ias.min.js）。一切都很好，直到我看到如果模态弹出窗口出现无限的scoll似乎不起作用。

这是我到目前为止所做的事情：

<pre>
<script type="text/javascript">
jQuery(window).load(function(){
  activatePopup();
  // Initialize the pagination plugin
  var ias = jQuery.ias({
    container : ".category-products",
        item : ".product-item ",
        next : "a.next",
        pagination : '.pages',
        loader : "<img src='/img/sys/loader.gif' />",
        triggerPageThreshold : 0,
  });

  // Pagination plugin callback function
  ias.on('rendered', function(items) {
    activatePopup();
  });
});


function activatePopup() {
  var baseUrl = '<?php echo Mage::getBaseUrl(); ?>';
  var containerClass = 'category-products';
  $('.'+containerClass+' li').each(function(e){
    var productId = $(this).find('.quick_view_btn').attr('id');
    $(this).click(function(){
     $(this).find('.quick_view_btn').html('Incarca..');
     $.ajax({
      type: "POST",
      url: baseUrl+"quickview",
      data: "id="+productId,
      success: function(msg){
          //$("html, body").animate({ scrollTop: 0 }, "slow");
          $('.'+containerClass+' li .quick_view_btn').html('MAI MULT');
          $('#modal .main-content').empty().append(msg);
          $('#modal').css({'display': 'block', 'top':'50%','visibility':'visible','opacity':'1'});
          $('body').css('overflow', 'hidden');
          // popup submit validation

        }
      });
   });
  });
}
</script>

</pre>

当弹出窗口出现时，无限滚动不起作用

0 个答案: