一旦MySql提取了所有数据，如何停止滚动功能

该脚本工作正常。但是，一旦MySql获取了所有数据，如何停止滚动函数和滚动加载器.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>

来源

2017-08-13 Rohit Sharma

有不涉及第三方脚本和CSS（谷歌API的脚本，CSS 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 API，与任何CDN脚本无关）

此代码运行良好。停止滚动并且现在隐藏ajax-loader.gif。

什么是想通了，是我的网址的问题：“ps_load_data.php”

其实我是想运行两个SQL查询，因此它没有隐藏我的GIF图像。什么时候，我把脚本放在不同的文件中，工作正常。

花了很多时间和精力来理解它与我之前的剧本有冲突。既然，它没有给我任何错误，它花了这么长时间。谢谢！

来源

2017-09-24 12:17:07

一旦MySql提取了所有数据，如何停止滚动功能

回答

相关问题