Ръчно заредете повече елементи с Waypoints Infinite Scroll

Използвам Waypoints Infinite Scroll и искам да направя бутон „Зареждане на още елементи“ или „Зареждане на още публикации“.

Опитах да използвам „destroy“ по този начин, но изглежда не работи.

    $('.load-more-button').click(function(){

        var infinite = new Waypoint.Infinite({
            element: $('.infinite-container')[0],
            onAfterPageLoad: function() {
                $('.infinite-container').waypoint('destroy')
            }
        })

    });

Наистина останах тук, благодаря за всяка помощ!


jquery infinite-scroll jquery-waypoints
person Flax    schedule 05.10.2015    source източник
comment
като извикате var infinite = new Waypoint.Infinite(), вие го инстанциирате. Какво точно искате да направите? съжалявам, но не разбирам въпроса ви.   -  person vijayP    schedule 05.10.2015
comment
Просто искам да имам бутон за зареждане на още, вместо това елементите да се зареждат автоматично. Подобно на това: [връзка] (jsfiddle.net/purmou/bEdfX)   -  person Flax    schedule 05.10.2015

Отговори (3)


arrow_upward
1
arrow_downward

Знам, че това беше зададено преди 4 години, но предполагам, че имаме същия въпрос. Опитвах се да накарам бутона да задейства същото събитие, което прави превъртането. Мога да го направя с този код:

// Initializing Waypoint Infinite
var infinite = new Waypoint.Infinite({
    element: $('.infinite-container')[0]
});

// Listen for the click on the button, and then trigger the event
$('.infinite-more-link').on('click', function(e) {
    e.preventDefault();
    infinite.waypoint.trigger();
});
person Laura    schedule 25.11.2019

arrow_upward
0
arrow_downward

Опитайте със следния код:

$('.load-more-button').click(function(){
    $(".infinite-more-link").click(); //Infinite Scroll create a <a> element with "infinite-more-link" class by default for More link.
});
person vijayP    schedule 05.10.2015
comment
Съжалявам, мисля, че забравих да спомена, че искам да щракна, да заредя някои елементи и да спра. И кликнете отново за още елементи... - person Flax; 05.10.2015

arrow_upward
0
arrow_downward

Интересно е, че искате да отнемете половината от това, което прави Infinite, и можете просто да напишете натоварването на AJAX + да добавите себе си при щракване, без изобщо да използвате Waypoints. Но ако настоявате:

$('.infinite-container').waypoint('destroy')

Това е стар код на Waypoints 2.x. Destroy и други методи вече не са част от приставката jQuery. Трябва да използвате екземпляра на Waypoint, който сте създали:

infinite.destroy()
person imakewebthings    schedule 04.03.2016