jquery - 如果 Jquery .is(":hover") 在 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/

编辑：

还有一个 jsFiddle 使用你的代码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){}