一旦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提取了所有數據，如何停止滾動功能

回答

相關問題