无限滚动jQuery弹出模式模态引导不起作用

时间:2018-08-13 20:38:15

标签: javascript jquery ajax

当我向下滚动并单击图像以弹出弹出内容时,我的无穷大滚动脚本有问题,该弹出内容不会启动,并且在控制台中没有错误,但在以前的图像中没有错误我点击弹出窗口就可以了:/

这是我的代码,允许我执行无限滚动{infinity-scroll.js}

<View> <Text> Hello Yoganode error </Text> </View>

这是jquery代码,它使我可以弹出引导弹出模型{popup-model.js}

jQuery(document).ready(function() {

  var offset = 18;

  $(window).data('ajaxready', true);

  $('.list-scroll').append('<div id="test"><p>Loding</p></div>');

  var deviceAgent = navigator.userAgent.toLowerCase();
  var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);

  $(window).scroll(function() {
    // On teste si ajaxready vaut false, auquel cas on stoppe la fonction
    if ($(window).data('ajaxready') == false) return;

    if(($(window).scrollTop() + $(window).height()) == $(document).height()
    || agentID && ($(window).scrollTop() + $(window).height()) + 150 > $(document).height()) {
      $(window).data('ajaxready', false);

      $('.list-scroll #test').fadeIn(400);
      $.get('/feed/itemListerProductScroll/' + offset + '/', function(data){
        if (data != null) {
          $('.list-scroll #test').before(data);
          $('.list-scroll .hidden').fadeIn(400);
          offset+= 18;
          $(window).data('ajaxready', true);

        }

        $('.list-scroll #test').fadeOut(400);

        if(data == false) {

           console.log(offset)
        }  

      });
    }
  });

});

0 个答案:

没有答案