jQuery onmouseover + onmouseout / passez la souris sur les deux divs

J'ai un Problème:

Voici une partie de mon code HTML:

<div id="div_1">
    Here Hover
</div>
<div id="div_2">
    Here content to show
</div>

Et voici une partie de mon Script jQuery:

jQuery('#div_2').hide();
jQuery('#div_1').onmouseover(function() {
    jQuery('#div_2').fadeIn();
}).onmouseout(function(){
    jQuery('#div_2').fadeOut();
});

Le Problème:

Si j'ai passez la souris sur la div_1, le div_2 est indiqué, si je hover, le div_2 est caché, mais:

Si j'ai passez d'abord sur div_1 puis aller sur div_2, le div_2 est caché rapide.

J'ai essayé cela avec jQuery.addClass(); après mouseout dans div_1, mais rien ne change.

Je ne veux pas faire la deuxième div dans la première div... Est-il d'une autre façon avec jQuery?

Thx Ahmet

Pour vous commencer, vous avez besoin de perdre du on préfixe au passage de la souris/mouseout des gestionnaires d'événements. C'est juste jQuery('#div_1').mouseover(function(){...
c'était une mini erreur de copie^^thx
Par la façon dont vous devriez utiliser les hover un raccourci pour ajouter des gestionnaires

OriginalL'auteur ahmet2106 | 2010-03-08

  1. 14

    Voici une autre approche, il suffit d'appliquer le passez à la deuxième div ainsi donc, il s'arrête de lui-même caché:

    $(function() {
  $('#div_2').hide();
  $('#div_1, #div_2').hover(function() {
      $('#div_2').stop().fadeIn();
  }, function(){
      $('#div_2').stop().fadeOut();
  });
});
    Quand j'ai fait ça dans le passé, il peut congé à la suite fondu dans les événements de la décoloration partielle de l'opacité. Au lieu de cela, j'utilise api.jquery.com/fadeTo qui me permet de spécifier 0 et 1 pour l'opacité.

    OriginalL'auteur Nick Craver

  2. 2

    La mouseleave fonction pourrait être ce que vous cherchez.

    OriginalL'auteur Roch

  3. 0

    La façon la plus simple de le faire est de mettre les deux <div>s à l'intérieur d'un troisième récipient <div>, puis appliquez l'effet hover sur le conteneur <div>.

    Par la façon dont vous devriez utiliser les hover un raccourci pour ajouter des gestionnaires.

    Il y a plus de 1 Div qui sont montrant un contenu différent dans les autres div au survol de la souris, (ajax) j'ai donc essayer de simplement travailler avec un div
    Que voulez-vous dire?

    OriginalL'auteur SLaks

  4. 0

    Essayez d'utiliser hover() au lieu de mouseover() et mouseout().

    De vérifier cette page de documentation : http://api.jquery.com/hover/

    Espère que cette aide.

    essayé déjà :S

    OriginalL'auteur Raja

  5. 0

    Ajouter le mouseover gestionnaire de #div_1, et le mouseout gestionnaire de #div_2. De cette façon, #div_2 est indiqué lorsque vous mouseover #div_1, et il est masqué lorsque vous mouseout de #div_2 (au lieu de la dès que vous vous mouseout de #div_1). Le seul réel inconvénient de cette est que, dans le but de cacher la deuxième div, vous devez mouseover en premier.

    Quelque chose comme ceci:

    jQuery('#div_2').hide();
jQuery('#div_1').mouseover(function() {
    jQuery('#div_2').fadeIn();
});
jQuery('#div_2').mouseout(function(){
    jQuery('#div_2').fadeOut();
});

    OriginalL'auteur Aaron

  6. 0

    Essayez Ce code:

    $(function() {
    jQuery('#div_2').hide();
    jQuery('#div_1').mouseover(function() {
        jQuery('#div_2').fadeIn();
    });

    jQuery('#div_2').mouseout(function(){
        jQuery('#div_2').fadeOut();
    });
});
    bonne idée, ne pas y penser 🙂 Si j'ai besoin d'elle à nouveau, je peux essayer ceci 🙂 merci!

    OriginalL'auteur Jafar Khan