Javascript函数在收集页面上的shopify无限滚动中停止使用带有ajax的加载html

时间:2017-05-25 17:43:10

标签: javascript jquery ajax shopify infinite-scroll

使用无限滚动后我遇到了问题。滚动工作正常,但当下一页加载ajax ..我的所有JavaScript相关函数停止工作。我的代码在

之下
    <script type="text/javascript">
  function ScrollExecute() {

       if($(document).height() - 800 < ($(document).scrollTop() + $(window).height())) {
           scrollNode = $('#more').last();    

           scrollURL = $('#more p a').last().attr("href");
           h = $("#count").val();
         if(h>2){
         scrollURL = scrollURL.replace("page=2", "page="+h);
           //alert(scrollURL);
         }


        // alert(scrollURL);
           if(scrollNode.length > 0 && scrollNode.css('display') != 'none') {
               $.ajax({
                   type: 'GET',
                   url: scrollURL,
                   context: document.body,
                   beforeSend: function() {
                       scrollNode.clone().empty().insertAfter(scrollNode).append('<center>Loading products.....</center>');
                       scrollNode.hide();
                   },
                   success: function(data) {
                       scrollNode.next().remove();
                     //$(data).find("script").each(function(i) {
                       //eval($(this).text());
                      // alert($(this).text());
                      //});

                       var filteredData = $(data).find(".product");
                       filteredData.insertBefore($("#product-list-foot"));                   

                       $("#more").show();
                       u = parseInt($("#count").val())+parseInt(1);  
                       $("#count").val(u);



                   },
                   dataType: "html"
               });

           }
       }

     }

     $(document).ready(function (e) {

       $(window).scroll(function(){
           //$.JQUERY.doTimeout( 'scroll', 200, ScrollExecute);
         ScrollExecute();


       });
       e.preventDefault();
});


</script>

这是链接:https://sspeyewear.com/collections/infinite-products .. 任何猜测让我知道plz

在首页enter image description here

加载Ajax的产品看起来像enter image description here

0 个答案:

没有答案