jquery-ias със зидария за създаване на безкраен превъртане не работи правилно php

Опитвам се да накарам jquery-ias да работи със зидария и не мога да го накарам да работи.

Използвам mysql база данни и php за зареждане на изображения.

Почти успях да направя всичко правилно, след много проби и грешки.

Мога да накарам всичките си изображения да се заредят правилно в зидана мрежа.

Мога да накарам и безкрайното превъртане да работи.

Проблемът ми е, че не мога да накарам зареждащия се gif да работи или да се появи бутонът „зареждане на още елементи“.

Кодът, който използвам е

 <script type="text/javascript">

            var $container = $('.wrap');
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: '.item',
isFitWidth: false,
isAnimated: true
})

});

$.ias({
container: '.wrap',
item: '.item',
pagination: '.nav',
next: '.nav a',
loader: '<img src="css/ajax-loader.gif"/>', // loading gif
triggerPageThreshold: 5 ,
onLoadItems: function(items) {
    var $newElems = jQuery(items).css({ opacity: 0 });
    $newElems.imagesLoaded(function() {
        // show elems now they're ready
        $newElems.animate({ opacity: 1 });
        $container.masonry('appended', $newElems, true);

    });
    return true;
},

});

</script>  

Any help would be great

Всичко работи добре, само не мога да видя зареждащия се gif или бутона за зареждане на още елементи, което е наистина необходимо


person Charis Ryan    schedule 25.04.2014    source източник


Отговори (1)


Можете да опитате да дадете на img тага клас, напр

loader: '<img class="loader" src="css/ajax-loader.gif"/>', // loading gif

След това го стилизирайте с помощта на css, така че да се показва. Може би с абсолютна позиция или нещо подобно.

пс. Използвате по-стара версия на Infinite AJAX Scroll, можете да изтеглите най-новата от http://infiniteajaxscroll.com. Това вече може да реши проблема за вас веднага.

person Jeroen Fiege    schedule 25.04.2014