ich verwende den jQuery Image Slider im Listing (eigenes Plugin), um alle Artikel-Bilder anzuzeigen:
{foreach $sArticleMedia as $image}
...
{/foreach}
Das Ganze funktioniert prinzipiell super, nur gibt es Probleme beim „Infinite Scrolling“. Sobald der zweite Block über Ajax nachgeladen wird, funktioniert der Slider nicht mehr . Plötzlich sind die Pfeile weg und das „sliden“ klappt nicht mehr.
Hat eventuell jemand Erfahrung mit diesem Szenario und kann mir einen Tipp geben?
Uncaught TypeError: Cannot read property 'top' of undefined at Plugin.onScrolling
Der Fehler ist in der Funktion in dieser Zeile
fetchPointOffset = fetchPoint.offset().top, // Uncaught TypeError: Cannot read property 'top' of undefined
/**
* onScrolling method
*/
onScrolling: function() {
var me = this;
// stop fetch new page if is loading atm
if (me.isLoading || !me.opts.enabled) {
return;
}
// Viewport height
var $window = $(window),
docTop = $window.scrollTop() + $window.height(),
// Get last element in list to get the reference point for fetching new data
fetchPoint = me.$el.find(me.opts.productBoxSelector).last(),
fetchPointOffset = fetchPoint.offset().top,
bufferSize = fetchPoint.height(),
triggerPoint = fetchPointOffset - bufferSize;
if (docTop > triggerPoint && (me.params[me.opts.pageShortParameter] < me.maxPages)) {
me.fetchNewPage();
}