2010-02-17 2 views

Répondre

1

Cela dépend de la façon dont vous concevez votre page.

Jetons un coup d'œil à la page twitter. Les éléments affichés dans un li, de haut en bas. L'implémentation d'un autopaging sur cette page sera assez simple.

  1. Lorsque la charge de la page, affiche un nombre prédéfini de l'élément dans la liste (10 ou 20, ou autre)
  2. Lorsque l'utilisateur atteint la fin de la liste, (détecter peut-être la position de certains éléments, ou autre), charger la page suivante via AJAX. La page d'arrière-plan doit détecter la requête AJAX et renvoyer uniquement une partie de la page contenant l'élément de liste.
  3. Dans le bloc du gestionnaire de réponse AJAX, effectuez une manipulation DOM pour ajouter l'élément de liste nouvellement reçu à la fin de la liste existante.

Dans mon projet, je crée une fonction comme celle-ci par moi-même. J'utilise jQuery btw.

+0

Ceci est une autre facette que vous avez ajouté à mes concepts, ce qui a plutôt changé ma façon de penser sur l'autoplanage :). Maintenant, un autre doute se pose, Comment puis-je détecter lorsque l'utilisateur a fait défiler jusqu'à un certain niveau ?? Comment faire cela dans jQuery ?? – OrangeRind

+0

Eh bien, dans mon application, j'utilise le scrollable jquery-tools (http://flowplayer.org/tools/demos/scrollable/index.html), donc je peux facilement détecter la dernière page. Si votre page est comme sur Twitter, il n'est peut-être pas judicieux d'avoir une pagination automatique, car le visiteur ne pourra jamais voir le pied de page. Avoir les éléments inclus dans un conteneur défilant est un endroit approprié pour le faire, car il ne sera pas étendre la page, et vous pouvez détecter la dernière page facilement. Thare également plusieurs ajouts dans Firefox et Google Chrome ajoutent autopaging à n'importe quel site Web. –

+0

Merci beaucoup! – OrangeRind

1

Vous ne pouvez pas le rendre compatible avec tous les plugins. Vous pouvez le rendre compatible avec un plugin spécifique. Comment faire cela est probablement décrit dans la documentation de ce plugin.

Questions connexes