为什么jquery ajax自动加载滚动内容避免使用JavaScript?

时间:2019-07-09 22:37:28

标签: jquery ajax

我有这个jquery ajax响应,它会在滚动时自动加载内容,但是它避免了将子页面的JavaScript内容附加到div。我如何解决这个问题。  应该在懒惰模式下加载图像,但无法使用javascript在懒惰模式下获取图像

代码:

<div id="load_div_data"></div>
<div id="loading_data_message"></div>

<script>
    $(document).ready(function(){

     var limit = 3;
     var start = 6;
     var action = 'inactive';

     function load_country_data(limit, start){
        $.ajax({
        url:"index.html",
        method:"POST",
        data:{limit:limit, start:start},
        cache:false,
        success:function(data){
          $('#load_div_data').append(data);
          if(data == '') {
            $('#loading_data_message').html("");
            action = 'active';
          } else {
            $('#loading_data_message').html("");
            action = "inactive";
          }
        }
    });
   }

   if(action == 'inactive') {
      action = 'active';
      load_country_data(limit, start);
   }
   $(window).scroll(function(){
     if($(window).scrollTop() + $(window).height() > $("#load_div_data").height() 
        && action == 'inactive') {
       action = 'active';
       start = start + limit;
       setTimeout(function(){
       load_country_data(limit, start);
     }, 1000);
   }
  });

});

</script>

0 个答案:

没有答案