我有一个inView函数,它解析输入的值(input type="hidden" id="pageno" value=""
(,并在[查看图像时]将其加1。
InfiniteCroll.js
//#Loader is the ID of the image
$('#Loader').on('inview', function(event, isInView) {
if (isInView) {
//Pagination
var nextPage = parseInt($('#pageno').val()) + 1;
...
然后我有一个完全独立的函数(filter_data()
(,它也是一个AJAX调用,从用户的PHP输入中获取数据。当这个函数运行时,我想要id="pageno" value="0"
(我需要从头开始分页,这样用户就可以看到[基于他们的输入]生成的所有PHP行(。因此,当AJAX调用的数据函数更新时,我将nextPage
变量更改为0(0+1=1(。
Filters.js
$(document).ready(function() {
//Pagination
var nextPage = 0; //InfiniteScroll.js will add 1 to this
filter_data();
function filter_data() {
...
我的问题是,当(PHP中(没有足够的行时,当#Loader
在视图中时,id="pageno"
不会增加1。但是,当我将console.log(data)
添加到Filters.js的AJAX调用的success
函数中时,我看到在数据函数中生成了PHP行的迭代(同样,这是基于用户输入的(。
Filters.js
...
success:
function(data) {
console.log(data);
...
当迭代次数少于一页(每页的迭代次数限制为10次(时,Filters.js的nextPage
变量值为什么没有按预期增加?
两个完全独立的函数中的nextPage
变量是完全独立的变量。增加一个不会增加另一个。