Discussion :

[Invité]

Bonjour,

Je me tourne vers vous après plusieurs tentatives ratées :
Comment empêcher une ou plusieurs actions/événements jQuery se produire lorsqu'un événement est déjà en cours d’exécution mais pas forcément sur le même élément ?

Exemple,

J'ai un menu déroulant qui sur l'événement .hover() se déroule. Si je le survole 3x, cet événement se produira 3 fois.

Autre exemple,

J'ai une liste d'albums photos, quand je clique sur un album il se produit une sorte d'animation vidéo mais si je clique en même temps sur un autre album ou sur deux (ou plus encore), et bien l'animation se produira autant de fois que j'ai cliqué sur d'albums.


Cdt

[danielhagnoul]

Bonsoir

N'oubliez pas qu'un ID doit être unique.

On peut supprimer un événement avec la méthode off() : http://api.jquery.com/off/

On peut avoir un événement qui ne se produira qu'une seule fois avec la méthode one() : http://api.jquery.com/one/.

[Invité]

Bonsoir danielhagnoul,

Oui bien sûr tous mes identifiants sont uniques ; je ne pense pas qu'il y ait un soucis à ce niveau là.

La fonction .one() ne correspond pas puisque l'événement doit se produire à chaque fois qu'on clique sur un l'élément, mais APRES l'animation vidéo.

Alors quand il y a plusieurs éléments, elle se lance à chaque fois que je clique sans attendre que les autres aient terminé donc pour résumer, il devrait être impossible de lancer un événement similaire pendant cette animation vidéo.

Il faut que j'explore la fonction .off() mais il ne me semble pas que je truove une réponse ici d'après ce que j'en ai vu.


Merci

[danielhagnoul]

Sans les codes (CSS, HTML, JS) pour examiner le problème...

[Invité]

Bon disons que le site est loin d'être terminé donc je voulais éviter de mettre un lien tout de suite.
Voilà un lien temporaire http://valef.fr/sites/spvconfrancon/content/photos.php pour visualiser le problème.

Cliquez sur plusieurs albums avec quelques secondes de décalage. Vous voyez que l'animation (il n'y a pas encore l'animation vidéo) se répète autant de fois.

Autre exemple : cliquez sur une photo plusieurs fois de suite rapidement, le "chargement" se répète à chaque fois.

Bonne chance

[danielhagnoul]

Bonjour

C'est un problème d'animation. Vous devez utiliser la méthode finish() pour terminer immédiatement les animations précédentes.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$('#loadingPhotos').finish().fadeIn(600, function() {
 
                $('#photosSelectorParent').removeClass('photosSelectorOpen');
                $('#gallery > ul').empty().load('_photos_album1.inc.php', function() {        
                    $('#gallery > ul > li:gt(0)').hide(0);                    
                });
 
                $(this).finish().delay(1000).fadeOut(1200, function() {
                    $('#photosSelectorParent').addClass('photosSelectorOpen');
                    $nextTimeoutId = setTimeout(function() {launchGallerySlider($ClickedPhoto);}, 6000);                    
                });
 
            });