当用户向下滚动时,我正在wordpress中发送ajax调用以从表中加载数据,但是问题是当我向下滚动时,整个页面都在响应中添加。当我在按钮上单击时,ajax调用工作正常,但在滚动时却无法正常工作,这是我的jQuery代码
$ = jQuery;
$(function() {
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100) {
var page=parseInt($(this).data('page'));
var ajaxurl=$(this).data('url');
jQuery.ajax({
url:ajaxurl,
type:"POST",
data:{
page:page,
action:"my_loadmore"
},
error:function(response){
console.log("error");
},
success:function(data){
if (data !== undefined ){
jQuery('button.myLoad').data('page',(page+1));
jQuery('#left-area').append(data);
}
else {
jQuery('button.myLoad').remove();
}
}
});
}
});
});