Ajouter l’historique et un loader à la pagination ajax/jQuery dans wordPress

Pagination par N° de pages
Pagination par N° de pages

L’article Ajouter une navigation numérique en aJax dans wordPress expose les moyens d’obtenir une pagination aJax dans wordPress. Seulement il manque la possibilité d’ajouter le changement de page dans l’historique du navigateur, ainsi qu’un loader afin de montrer au visiteur que la page charge.

On écrit dans le fichier jQuery personnalisé du thème :

Dans le fichier style.css, on définit la div contenant l’image du loader qui apparaît pendant le chargement de la div #left-area :

Loader Ajax

history.pushState() permet d’ajouter l’historique de navigation aJax en changeant également l’url dans la barre d’adresse.

Et hop, une navigation aJax enrichie.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *