jquery hover() IE7 & IE8

Question

Utilisation de jQuery 1.5.1 Essayé ce bloc de code dans: section de tête ainsi que dans la ligne, dans la fonction doc prêt ainsi que out. RIEN ne le fait fonctionner, je suis perplexe. Cela fonctionne dans tous les autres navigateurs. Ce qui est supposé arriver, c'est que lorsque l'utilisateur survole une div avec la classe "lsr", une autre div avec affichage: none apparaît.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("div.lsr").hover(
      function() { $("#lsr").show(); }, 
      function() { $("#lsr").hide(); } 
     ); 
    }); 
</script> 
... 
<div class="lsr"></div> 

<div id="lsr""> Some Text appears </div> 

ok .... donc la réponse est que IE n'aime pas la div vide. Apparemment, il ne le rendra pas. La meilleure solution que j'ai trouvé était d'utiliser le CSS suivant sur la div vide ..... J'ai essayé d'ajouter un remplissage et   rien de tout cela a fonctionné. Ce qui fonctionne est d'utiliser le CSS suivant sur la div vide.

.lsr { 
    ... 
    background-color: #fff; 
    filter:alpha(opacity=0); 
    opacity:0.0; 
} 

Answer 1

• Votre div.lsr n'a pas de contenu, ce qui rendrait puissant difficile à survolez (en fonction de votre CSS)
• Vous avez un " supplémentaire sur <div id="lsr"">

Si je fixe ces questions il fonctionne très bien pour moi: JSFiddle

Éditer sur la base des commentaires IE a des problèmes de reconnaissance des événements sur un div qui n'a aucun contenu et qui a position: absolute. Pour corriger, essayez soit en utilisant différents positionnement CSS, ou en ajoutant du contenu à la div (par exemple  )

Answer 2

document prêt? Ce n'est pas dans votre code d'exemple, mais est-ce présent dans votre propre code?

$(function(){ 
    $("div.lsr").hover(
     function() { $("#lsr").show(); }, 
     function() { $("#lsr").hide(); } 
    ); 
});