web-dev-qa-db-fra.com

RokSprocket automatise Load More

rokSprocket, un module de contenu de RocketTheme, est très utile pour les personnes qui ont utilisé Joomla pendant un certain temps.

Il a un bouton "Charger plus", qui peut charger le prochain article. Je me suis battu pour supprimer ce bouton et pour que les articles soient chargés automatiquement au fur et à mesure que les utilisateurs défilent dans la page.

Est-ce que quelqu'un a de l'expérience dans ce domaine?

2
tanya

Je n'ai jamais utilisé RokSprocket auparavant, mais j'espère que cette réponse vous aidera.

Disons que vous avez le balisage HTML suivant pour votre bouton:

<div class="loadmore">Load more</div>

Maintenant, plutôt que de cacher l'élément, vous le rendez transparent à l'aide de CSS:

.loadmore {
    opacity: 0;
}

Et comme pour le chargement automatique, vous pouvez déclencher un événement click lorsque le bouton caché est visible dans la fenêtre du navigateur:

jQuery(document).ready(function($){

    var loadmore = $('.loadmore');

    $(document).on('scroll', function(){
        if (loadmore.visible(true)){
            loadmore.trigger('click');
        }
    });

});
3
Lodder