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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [resolu][JQuery] show, hide et empilement d'events

naeco

Buddy Rich Big Band

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

Publicité

naeco

Buddy Rich Big Band

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

naeco

Buddy Rich Big Band

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

FORUM HardWare.fr

Programmation

Javascript/Node.js

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

Sujets relatifs
Questions Jquery	problème avec jquery et fonction load()
JQuery> Lancer un script sur un élément créé par JQuery	JQuery pour carte personnalisée (PHP)
Récupếrer valeur qui change dans un formulaire en JQUERY	Jquery - aide pour page d'accueil complexe
Jquery append() sur textarea	Backbone et event doubleclick
[jquery] .change + .each	parser un fichier json avec jquery
Plus de sujets relatifs à : [resolu][JQuery] show, hide et empilement d'events

Page générée en 0.052 secondes