Wenn JQuery .ist (": schweben") nicht in IE8 arbeiten

Question

Ich habe diesen Code, der nicht in IE8 funktioniert:

$("#intro-screenshot").hover(
    function(){ 
     $(".img-action").show(); 
    }, 
    function(){ 
     if(!$(".img-action").is(":hover")) { 
     $(".img-action").hide(); 
     } 
    } 
); 

es auf dieser Linie bricht: if(!$(".img-action").is(":hover"))

HTML:

<a href="#"> 
    <img src="#" alt="" id="intro-screenshot" /> 
    <span class="img-action" style="top:90px; left:115px;"> 
    See Features 
    </span> 
</a> 

ich glaube nicht das ein bekanntes JQuery Problem ist, aber ich könnte falsch sein ..

JSFIDDLE

Answer 1

Sie nur CSS nutzen könnten. Es behandelt das genaue Problem, das Sie lösen möchten, und auch eleganter.

#inner { 
    display: none; 
} 

#outer:hover #inner { 
    display: block; 
} 

jsFiddle: http://jsfiddle.net/7xMpr/

EDIT:

Und ein jsFiddle mit Ihrem Code http://jsfiddle.net/QeLSJ/1/

Answer 2

Was passiert, wenn Sie versuchen, diese:

$("#intro-screenshot").hover(
    function(){ 
     $(".img-action").show(); 
    }, 
    function(){ 
     if($(".img-action:hover").length == 0) { 
     $(".img-action").hide(); 
     } 
    } 
); 

Answer 3

try{ 
    jQuery('body').live('click', function(){ 
    var booleans=0; 
    try{ 
     booleans=jQuery("#loginForm:hover").length; 
     //booleans=jQuery('#loginForm').is(':hover'); 
    }catch(e){} 
    if(booleans==0){ 
     document.getElementById("d1").style.display = 'none'; 
    } 
    });  
}catch(e){}