Jquery 当ajax查询不返回数据时如何更改div
当浏览量达到40%滚动时,我使用jquery/ajax获取更多信息 这是查询脚本Jquery 当ajax查询不返回数据时如何更改div,jquery,load,scroll,Jquery,Load,Scroll,当浏览量达到40%滚动时,我使用jquery/ajax获取更多信息 这是查询脚本 $(document).ready(function(){ var fetching = false; function lastPostFunc() { fetching = true; $('div#loadmorebutton').html('<a>Loading...pls wait</a>');
$(document).ready(function(){
var fetching = false;
function lastPostFunc() {
fetching = true;
$('div#loadmorebutton').html('<a>Loading...pls wait</a>');
$.post("loadmore.php?id=1&lastid="+$(".postitem:last").attr("id"),
function(data){
if (data != "") {
$(".postitem:last").after(data);
setTimeout(function(){
fetching = false;
},300);
$('div#loadmorebutton').empty();
}
});
};
$(window).scroll(function(){
var bufferzone = $(window).scrollTop() * 0.40;
if (!fetching && ($(window).scrollTop() + bufferzone > ($(document).height()- $(window).height() ) )){
lastPostFunc();
}
});
})
加载div越大
<div id="loadmorebutton">Loading...pls wait</div>
一切都很好,但当它到达最后一个内容或没有更多的内容加载,我想加载…请等待更改为像没有更多的内容加载。目前,装载量保持不变…请稍候。我该怎么办
注意。下面的脚本可以工作,并完成从加载更多内容到不再加载更多内容的更改。我不使用此脚本的原因是,只有当您到达屏幕底部时才会触发此脚本,从而导致双倍加载或AAA次数。尝试合并代码,但仍然不起作用
$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() - $(window).height()){
$('div#loadmorebutton').show();
$.ajax({url: "loadmore.php?id=01&lastid=" + $(".postitem:last").attr("id"),
success: function(html){
if(html){
$("#postswrapper").append(html);
$('div#loadmorebutton').hide();
}else{
$('div#loadmorebutton').html('<a>No more posts to show.</a>');
}
}
});
}
});
我想当没有更多的内容时,你会从服务器上收到一条消息。当你得到这些信息时,你应该能够根据这些信息设置一条消息。运行AJAX时查看完整的设置。在这里查找这个“jqXHR,textStatus”:它应该返回消息,设置一个规则,然后您可以更新DOM 太酷了。我不是一个程序员,我只是一个设计师,我只是在尝试一些脚本。只是希望有人能够编辑上面的脚本做什么,我希望它做。