Fonction Kill après un événement click JavaScript

Question

J'ai une fonction que je veux arrêter lorsque j'exécute un événement click 'close'.

Le raisonnement derrière ceci est lorsque je cours img.start événement de clic pour la deuxième fois, la fonction est appelée à nouveau et est maintenant en cours d'exécution deux fois.

La fonction en question est un diaporama, donc j'ai vraiment besoin que la fonction ne soit jamais exécutée qu'une seule fois sur une page. Pour être clair, lorsque je clique sur img.close, je veux que la fonction BannerSlideshow s'arrête et ne fonctionne plus.

fonction démarrage, cliquez sur événement

$('img.start').click(function() { 
    BannerSlideshow.Init() 
}); 

événement click fonction Fin

$('img.close').click(function() { 
    //stop function BannerSlideshow from running 
}); 

Snippet de la fonction diaporama

var BannerSlideshow = (function() { 
return { 
    Init: function() { 
     //slideshow functionality    
    } 

J'ai mis à jour ma question pour être plus précis, excuses les gars.

Answer 1

vous pouvez le faire en utilisant bind() et unbind()

$('img.close').bind('click',function() { 
     // your code 
    $(this).unbind('click'); 
}); 

OU

Vous pouvez utiliser Off()

$(this).off('click'); 

Answer 2

utiliser ceci:

event.stopPropagation(); 

ou utiliser on.click

et tuer en utilisant

$(this).off(); 

ou

use .bind and .unbind(); 

mieux voir ici: http://api.jquery.com/category/events/event-handler-attachment/

Answer 3

vous pouvez utiliser la méthode off. Off()

(A partir de jQuery 1.7, le .on() et .off() sont préférés à installer et à enlever les gestionnaires d'événements sur les éléments

$('img.close').off('click'); 

Answer 4

Pourquoi ne pas utiliser la fonction d'arrêt avec un booléen?

var running = false; 

$('img.close').click(function() { 
    running = true; 

});

en cas d'exécution = true, fonction d'arrêt d'utilisation() sinon lancer le diaporama

Je pense que la fonction d'arrêt est mieux que de délier les gestionnaires

Answer 5

Qu'est-ce que le regard de la fonction StartSlideshow comme? Je suppose que vous pourriez avoir une variable globale pour lancer le diaporama ou non ...

function StartSlideshow() { 
    globalVariableRunSlideshow = true; 
    while (globalVariableRunSlideshow) { 
     /* Do some slideshowing here */ 
    } 
} 

Et votre événement pourrait faire quelque chose comme:.

$('img.close').click(function() { 
    globalVariableRunSlideshow = false; 
});