添加一個加載的gif到我的加載更多jquery按鈕

所以我有一個加載更多按鈕，現在我想添加一個加載更多的gif，所以用戶意識到它運行了1-2秒，它需要得到數據。這是我的函數：添加一個加載的gif到我的加載更多jquery按鈕

<script type="text/javascript"> 
var pageNum = 2; 
$(document).on('click', '#loadmore', function() { 
    $.get('/loadmore.php?page=' + pageNum + '&aid=4', function(data) { 
    $("#append").append(data); 
     if(data){ 
      pageNum++; 
     }else{ 
      $('#loadmore').hide(); 
     } 
    }); 
}); 
</script>

我將如何去增加僅在加載數據時顯示的GIF？

來源

2012-02-19 JimmyBanks

可以使用HTML添加您的裝載機GIF：

<div class="loader"></div>

CSS：

var gif = $('.loader');

然後使用它：

.loader{background:url(spinner.gif) no-repeat;display:none}

在JS的開頭添加一個參考ajax功能完成後&之前：

gif.show(); // show the spinner 
$.get('/loadmore.php?page=' + pageNum + '&aid=4', function(data) { 
    gif.hide(); // hide it when the ajax request is completed

來源

2012-02-19 19:25:22 David

只是創建一個gif例如在http://ajaxload.info/上，並放在你的按鈕後面並隱藏它，只有當你正在訪問你的功能並在ajax成功後隱藏它時才顯示它

來源

2012-02-19 19:25:51 Neysor

回答

相關問題