我正在尝试使用AJAX,JQuery和Javascript动态加载网页数据,一旦用户点击页面底部就添加数据。我是AJAX和Javascript的新手,所以请原谅我,如果我错过了一些简单的东西。根据我的理解,有问题的if语句只是比较两个变量的值。它成功了4次,然后失败了。
这是我目前要测试的代码:
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
console.log("Pagenum: "+$(".pagenum:last").val());
console.log("Totalpage: "+$(".total-page").val());
if($(".pagenum:last").val() <= $(".total-page").val()) {
var pagenum = parseInt($(".pagenum:last").val()) + 1;
console.log("Success!: "+pagenum);
getresult('getresult.php?page='+pagenum+'&dir='+"<?php echo $project; ?>");
}
}
});
console.log输出仅用于测试目的。我遇到的问题是第二个if语句:
if($(".pagenum:last").val() <= $(".total-page").val())
这是用户与此页面交互时控制台输出的样子:
Pagenum: 1
Totalpage: 37
Success!: 2
Pagenum: 2
Totalpage: 37
Success!: 3
Pagenum: 3
Totalpage: 37
Success!: 4
Pagenum: 4
Totalpage: 37
Pagenum: 4
Totalpage: 37
Pagenum: 4
Totalpage: 37
Pagenum: 4
Totalpage: 37
Pagenum: 4
Totalpage: 37
我无法找到第4页后pagenum值与total-page值之间的比较失败的原因,因为控制台似乎知道每个页面的正确值。
问题:是否有任何理由可能会发生这种情况,我该如何解决?
如果我可以提供更多信息,或者我可以澄清的任何内容,请发表评论,我会尽可能地编辑问题。