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){}