carga jQuery () de dentro ajaxComplete () Retorno de chamada causando várias cargas

Question

Eu estive olhando para este por um tempo e eu estou completamente perplexo. Você vai precisar de firebug para isso, dê uma olhada nas solicitações de AJAX. Eles parecem se multiplicar após cada clique do próximo e anterior, até que ele é muito lento para carregar completamente:

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

Toda a fonte JavaScript para este está em:

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

Funções de olhar para:

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

Quando ajaxComplete () é chamado I verificar o arquivo que carregou contra um fora matriz da função de retorno de chamada. Isso me permite determinar se é ou não é o primeiro ou o último elemento na série para que eu possa esconder os botões Anterior ou Seguinte conformidade. Eu tenho um fealing que os problemas reside em algum lugar nas linhas 80-82 onde eu adicionar 1 ao valor inArray () armazenados em indexInArray.

Eu tenho pesquisa em torno mas não consegue encontrar quaisquer situações semelhantes lá fora, qualquer ajuda é muito apreciada.

Obrigado!

Answer 1

Eu brevemente tentou a página. De um skim rápida do código e minha reação, parece que você não está desvinculação clique em eventos previamente ligados. Tanto quanto eu posso dizer este é o fluxo para o seu erro:

1. O usuário clica para abrir uma apresentação de slides
2. Você ligam eventos / prev clique próximos
3. O usuário clica em volta, usando os botões ao lado / prev
4. O usuário clica fora da apresentação de slides atual
5. O usuário clica em outra apresentação de slides
6. Você ligam eventos / prev clique próximos
7. O usuário clica ao redor, usando os botões próximo / PREV, fazendo com que o conteúdo a ser chamado duas vezes

Você precisa desvincular os eventos de clique quando o usuário clica fora da primeira apresentação de diapositivos. Ou não se ligam na etapa 6.