Titre: Propagation
Posté par: tony35520 le le 27-10-2010 a 10:37:48
Bonjour à tous,
Voici mon problème :
J'ai une div mère en position absolue (<div id="Wrap">) qui contient 3*3 div enfants( <div class="item">) en position relative et en float left.
Je souhaiterais appeler une fonction uniquement lorsque la souris entre sur la div Wrap, mais cependant, elle se répète à chaque fois que la souris survole une div enfant et en ressort.
Voici mon code javascript :
$("#Wrap").bind('mouseover',function(e){
e.stopPropagation();
return false;
});
et html :
<div id="Wrap">
<div class="item"></div>
....
....
</div>
Si quelqu'un savait comment éviter la propagation ??
Merci beaucoup !! |
Titre: Re:Propagation
Posté par: MarvinLeRouge le le 04-11-2010 a 21:00:41
Salut,
J'ai l'impression qu'il y a un problème dans ta logique de code, c'est dans l'autre sens que fonctionne la propagation : le div A est survolé (il a l'info), il la propage à son parent (le div #wrap) qui la propage à son parent et ainsi de suite jusqu'au body.
Donc, quand ton div interne est "hovered" ou "outed", ça re-déclenche un hover sur ton div #wrap.
Je pense que tu pourrais "lever un drapeau" lorsque tu rentres sur #wrap, et ne le rabaisser que lorsques tu sors de #wrap, et, lorsque tu rentres sur #wrap, tu vérifies l'état de ce drapeau. Moralité : s'il est déjà levé, tu es déjà dedans, donc tu n'as rien à faire.
Ça répond à ta question ? |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|