Faire en sorte que swipeJS fonctionne avec le contenu chargé ajax

Je fais un site actuellement testé sur test2.applicationcreations.net . Avec une galerie d'images qui modifie dynamiquement les images. J'utilise swipeJS pour le curseur.

Lorsque vous naviguez vers la galerie de projets, vers les maisons personnalisées, le nouveau HTML avec des charges de formatage correct, mais le rotateur ne fonctionne pas. Je crois que le problème est que swipeJS n'est pas initialisé sur le nouveau code. J'ai essayé de passer les nouveaux éléments à l'objet en utilisant window.mySwipe = new Swipe(document.getElementById('slider')); Mais je n'ai eu aucune chance.

Pour une raison quelconque, si je clique sur l'élément d'inspection sur Chrome 18 OS X, le rotateur fonctionne avec le nouveau contenu.

Toute aide pour ce travail est très appréciée. Je vous remercie.

Oui, vous avez bien compris, une fois que vous avez ajouté le nouvel élément, tout ce que vous devez faire est de réinitialiser l'objet mySwipe.

Il s'agit de la première initialisation de l'objet glissière de glissement:

 /*---------------------------------------- Swipe slider to enable touch sliding ----------------------------------------*/ document.mySwipe = new Swipe(document.getElementById('slider'), { startSlide: 0, speed: 400, auto: 5000, callback: function(event, index, elem) { // do something cool } });

Maintenant, définissez simplement une méthode qui réinitialise l'objet glisser.

 /*---------------------------------------- Reinitializing the Swipe Slider. ----------------------------------------*/ document.reinit = function(){ document.mySwipe = new Swipe(document.getElementById('slider'), { startSlide: 0, speed: 400, auto: 5000, callback: function(event, index, elem) { // do something cool } }); }

Appelez cette méthode lorsque vous avez terminé d'ajouter de nouveaux éléments au curseur existant.

 // Finished adding new elements document.reinit();