jQuery load() de l'intérieur ajaxComplete() rappel provoquant plusieurs charges

Question

J'ai regardé celui-ci depuis un moment et je suis complètement perplexe. Vous aurez besoin de firebug pour cela, jetez un oeil aux requêtes AJAX. Ils semblent se multiplier après chaque clic de suivant et précédent, jusqu'à ce qu'il soit trop lent à charger entièrement:

http://www.ftsdev.com/freegreen/virtual-tour-prototype/virtual-tour.html

Toute la source de JavaScript pour c'est:

/freegreen/virtual-tour-prototype/js/virtual-tour.js 

Fonctions à regarder :

launchVirtualTour() 
$('#vt-next').one('click',function() 
$('#vt-prev').one('click',function() 

Lorsque ajaxComplete() est appelée je vérifie le fichier qui a chargé contre un tableau en dehors de la fonction de rappel. Cela me permet de déterminer si c'est le premier ou le dernier élément de la série afin de pouvoir masquer les boutons Précédent ou Suivant en conséquence. J'ai un problème que les problèmes se trouvent quelque part dans les lignes 80-82 où j'ajoute 1 à la valeur inArray() stockée dans indexInArray.

J'ai cherché autour mais je ne trouve pas de situations similaires là-bas, n'importe quelle aide est très appréciée.

Merci!

Answer 1

J'ai brièvement essayé la page. À partir d'un survol rapide du code et de ma réaction instinctive, il semble que vous ne libérez pas les événements de clic liés précédemment. Pour autant que je peux dire que c'est le flux à votre bug:

1. utilisateur clique pour afficher un diaporama
2. Vous liez clic suivant/précédent événements
3. utilisateur clique autour, en utilisant la page suivante/précédente boutons
4. clics de l'utilisateur sur le diaporama en cours
5. utilisateur clique dans un autre diaporama
6. Vous lient suivant clic/prev événements
7. utilisateur clique autour, en utilisant le nex t/boutons prev, provoquant l'appel du contenu à deux reprises

Vous devez dissocier les événements de clic lorsque l'utilisateur clique sur le premier diaporama. Ou ne liez pas à l'étape 6.