Hover in IE ne fonctionne pas en survolant

Question

J'utilise le code jquery addClass pour afficher/masquer les éléments lors du roulement d'un div. dans tous les navigateurs, cela fonctionne mais dans IE, cela ne fonctionne que lorsque je retourne du texte, pas la div complète.

donc dans cet exemple, si je retourne la section de texte d'affichage de la div principale, la div hiddentext montrera. mais si je souris dans l'espace entre les deux divs flottants (où il y a maintenant du texte ou quoi que ce soit), le vol stationnaire ne fonctionne pas.

MISE À JOUR: Le code ci-dessous semble fonctionner, mais pas mon code de production. S'il vous plaît se référer à ce lien: jsfiddle.net/H2anm/5 Il ya quelques images cassées et autres, mais si vous passez votre souris sur l'élément dans l'espace à la droite des noms d'utilisateur, les coordonnées de localisation et le Pref.brand: Gamehouse .. ou certains des Les espaces blancs environnants des liens Share/Bookmark, les collapsions div et les changements de boutons/bgcolor disparaissent.

javascript:

$(function() { 
$("div.DivThatsTriggeredOnRollover").hover( 
function() { $("div.hiddentext").addClass("hiddentextShow"); }, 
function() { $("div.hiddentext").removeClass("hiddentextShow"); }); 
}); 

code de pseudo-html:

<div class="DivThatsTriggeredOnRollover" style="width:500px;"> 

<div id="showingtext" style="float:left;width:100px;"> 
here is showing text 
</div> 

<div class="hiddentext" style="float:right;width:100px;"> 
here is hidden text 
</div> 

</div> 

Answer 1

se avère que dans IE7 si vous avez plusieurs flotteurs à l'intérieur d'une plus grande div et que vous spécifiez une largeur dans l'un des divs flottants internes, vous have to specify a width in the outermost ones comme bien. je ne sais pas pourquoi c'est le cas, mais il a été corrigé dans la version de mon code ici: http://jsfiddle.net/H2anm/8/

Je devais spécifier une largeur pour la div externe entière, puisque j'en avais spécifié une pour la div grise. avant cela, si j'ai roulé sur le rouge/gris, le vol stationnaire n'a pas fonctionné.

Answer 2

En fait, tout fonctionne comme prévu (testé IE6-7-8):

http://jsfiddle.net/ZDyyU/

Si vous passez la souris sur n'importe quoi à l'intérieur du .DivThatsTriggeredOnRollover, le .hiddentext s'affichera et se cachera lorsque vous quitterez la souris. .showingtext ne joue aucun rôle dans ce que ce soit, c'est juste là.

Answer 3

votre code semblait être parfait. ne sais pas ce qui va mal

http://jsbin.com/udaqi4