sends multiple ajax request at a time

[007ketul]

when scroll down too fast it sends multiple ajax request and shows duplicate data .

[ngse]

Also experiencing this but even when scrolling normally :(

[YoSev]

me too..

[alexstoicuta]

Hi guys, I found an answer to this:
First of all you need to find a good break point, I used the "beforeLoad" callback.
In the plugin file I used:
if (opts.beforeLoad != null){
var response = opts.beforeLoad();
if(!response) return;
}
This way, when initialising the plugin you can just go "return false" in the "beforeLoad" option and stop the plugin.
The next thing I did was to create a hidden input field that I used to test if a request is in progress, something like:
< input type="hidden" value="0" id="blocked" />
And then, when initialising the plugin I had:
'beforeLoad': function(){
if($('#blocked').val() == 1) {
return false; /* Exit the function /
}else {
$('#blocked').val('1');
return true; / All ok proceed with function. Always return true or false /
}
},
'afterLoad': function(elementsLoaded){
$('#blocked').val('0'); / Reset element */
},

Hope this helps

[pohoder]

alexstoicuta: Thanks for tip, but it does not work for me. Could you be please so kind and put some working example online? Maybe I'm doing something wrong - not very skilled js programmer, more like copy & paste customizer :)

But thanks for the tip, though!

Honza

[alexstoicuta]

Hey Pohoder,
I've modified the original demo and uploaded the archive: https://www.dropbox.com/s/764d6v1ls54k9fe/scroll.rar
Changes were made to the following files:
-> scripts/scrollpagination.js Lines: 41 - 43
-> index.html Lines: 16, 21 - 28, 38 and 55 - 58.
Hope this helps.
Cheers,
Alex

[pohoder]

Hi Alex,

thank you very much for your quick reply! It works perfectly! :)

Cheers,
Honza

[vthakur2]

fix are at https://gist.github.com/anonymous/5624762

[007ketul]

doesn't work in IE 10 .. help me out .!!

[sajidesdee]

May be its too late now. I was experiencing the same problem. Fixed it by adding
$('#content').stopScrollPagination(); in the 'beforeLoad' call and added the opposite function i.e. to enable scrollPagination in the 'afterLoad' call.

'beforeLoad': function(){
$('#loading').fadeIn();
$('#contentLI').stopScrollPagination();
},

'afterLoad': function(elementsLoaded){
$('#loading').fadeOut();
$('#contentLI').restartScrollPagination();
....
....
}

[smilyanp]

@sajidesdee your example doesn't work for me. Can you provide a demo please?

[smilyanp]

@alexstoicuta thanks for this, it worked for me