[resolu][JQuery] show, hide et empilement d'events

Marsh Posté le 15-12-2014 à 12:07:16

Bonjour,
J'ai mis sur une page un div1 qui s'affiche lors d'un survol d'un div2, pas trop compliqué :

Code :

$("#permalinkListener" ).mouseenter(function() {
$("#permalink" ).show( "slow" );
}).mouseleave(function() {
$("#permalink" ).delay( 3000 ).hide( "slow" );
});

Mais le problème, c'est que si pendant les 3000ms de pause on fait pleins de survols du div 2, alors JQuery empile (à juste titre) les demandes, et les joue les unes après les autres...
alors j'ai tenté d'ajouter clearQueue(), mais sans effet,

Alors j'ai voulu faire ça :

Code :

$("#permalinkListener" ).mouseenter(handlerMouseEnterPermalien).mouseleave(handlerMouseleavePermalien);
var handlerMouseEnterPermalien = function() {
$("#permalinkListener" ).unbind("mouseenter", handlerMouseEnterPermalien);
$("#permalink" ).show( "slow" );
}
var handlerMouseleavePermalien = function() {
$("#permalinkListener" ).unbind("mouseleave", handlerMouseleavePermalien);
$("#permalink" ).delay( 3000 ).hide( "slow" );
$("#permalinkListener" ).delay( 3000 ).bind("mouseenter", handlerMouseEnterPermalien);
$("#permalinkListener" ).delay( 3000 ).bind("mouseleave", handlerMouseleavePermalien);
}

Mais ça ne coupe pas l'écoute pendant les 3000 milisecondes...

Existe il un moyen ?

Je vous remercie de votre retour

Message édité par naeco le 15-12-2014 à 14:29:39

Reply

Marsh Posté le 15-12-2014 à 12:07:16

Reply

Marsh Posté le 15-12-2014 à 14:07:12

La solution (que je ne trouve pas belle) :

Code :

var hov = 1;
$("#permalinkListener" ).mouseenter(function(){
clearTimeout();
hov = 1;
$("#permalink" ).show( "slow" );
});
$("#permalinkListener" ).mouseleave(function(){
hov = 0;
setTimeout(function(){
if(hov == 0){
$("#permalink" ).hide( "slow" );
}
}, 3000);
});

Alors que contre toute atteinte, ça ne marche pas :

Code :

var isHover = 1;
$("#permalinkListener" ).mouseenter(function() {
isHover = 1;
$("#adressePermalien" ).select();
$("#permalink" ).show( "slow" );
}).mouseleave(function() {
isHover = 0;
if(isHover == 0){
$("#permalink" ).delay( 3000 ).hide( "slow" );
}
});

je suis toujours intéressé par d'autres solutions, et sur pourquoi la version full jquery juste au dessus ne fonctionne pas

Reply

Marsh Posté le 15-12-2014 à 14:18:25

Et pour info, forcer le show et le hide avec :

Code :

$("#permalink" ).delay( 3000 ).hide( "slow", "swing", false);

ne change rien

mais ça semble expliquer :

http://stackoverflow.com/questions [...] g-together

Ca serait dû à delay()

Message édité par naeco le 15-12-2014 à 14:27:01

Reply

[resolu][JQuery] show, hide et empilement d'events

Sujets relatifs:

Leave a Replay