如何在MySql获取所有数据后停止滚动函数

Question

这个脚本运行得很好。但是，一旦.gif获取了所有数据，如何停止滚动函数和滚动加载器MySql (要隐藏)。

或者，如果有更好的方法。

谢谢你的帮助！

Javascript

<script>
$(document).ready(function(){
 var limit = 20;
 var start = 0;
 var action = 'inactive';
 function load_city_data(limit, start)
 {
  $.ajax({
   url:"ps_load_data.php",
   method:"POST",
   data:{limit:limit, start:start},
   cache:false,
   success:function(data)
   {
    $('#load_data').append(data);
    if(data == '')
    {
     $('#load_data_message').html("No Data Found");
     action = 'active';
    }
    else
    {
     $('#imgLoader').html('<img class="animated-gif" src="img/ajax-loader.gif">');
     action = "inactive";
    }
   }
  });
 }

 if(action == 'inactive')
 {
  action = 'active';
  load_city_data(limit, start);
 }
 $(window).scroll(function(){
  if($(window).scrollTop() + $(window).height() > $("#load_data").height() && action == 'inactive')
  {
   action = 'active';
   start = start + limit;
   setTimeout(function(){
    load_city_data(limit, start);
   }, 3000);
  }
 }); 
});
</script>

Answer 1

我最初想的第三方脚本和CSS (Google脚本、CDN和CDN脚本)没有任何关系。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

我下载了所有文件并在本地运行。(只涉及Google，与任何CDN脚本无关)

这段代码运行良好。停止滚动，并立即隐藏ajax-loader.gif。

所指出的是我的url中的问题：“ps_load_data.php”

实际上，我试图运行两个sql查询，因此它没有隐藏我的gif映像。当我把脚本放在不同的文件中时，它运行得很好。

这需要花费大量的时间和精力来理解它与我之前的脚本冲突。因为，它没有给我任何错误，它花了这么长时间。谢谢!