如果jQuery的。是（ “：悬停”）在IE8

Question

不工作

我有这样的代码无法在IE8工作：

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

它打破了在这条线：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> 

我不认为这是一个已知的Jquery的问题，但我可能是错的..

JSFIDDLE

Answer 1

你可以只使用CSS。它处理你正在寻求解决的确切问题，也更加优雅。

#inner { 
    display: none; 
} 

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

的jsfiddle：http://jsfiddle.net/7xMpr/

编辑：

和使用代码http://jsfiddle.net/QeLSJ/1/

Answer 2

如果你试试这个：

$("#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){}