jQuery .is（ "：hover"）IE8の場合

Question

IE8のdivの状態を確認する際に問題が発生しています。私は、マウスが現在いくつかのdivの上をホバリングしているかどうかをチェックしたい。現在IE8で、私は次のエラーを受け取ります：Syntax error, unrecognized expression: hover。以下は、エラーの原因となっているjQueryのです：

// This function will close the slideout of widgets 
function CloseWidgetPanel() 
{ 
    if (!$("#widgets").is(":hover") && !$(".widgetPanel").is(":hover")) 
    { 
     if ($("#widgets").is(":animated")) 
     { 
      $("#widgets").stop(true, true); 
     } 
     $("#widgets").hide("slide", { direction: "right" }, 300); 
    } 
    else 
    { 
     // We are currently hovering over a panel, so check back in 2 seconds. 
     setTimeout(CloseWidgetPanel, 2000); 
    } 
} 

Answer 1

代替方法：次に

$(".widgetPanel, #widgets").hover(function() { 
    $(this).toggleClass('hover') 
}); 

：

if (!$("#widgets").is(":hover") && !$(".widgetPanel").is(":hover")) 

change to 

if (!$("#widgets").hasClass('hover') && !$(".widgetPanel").hasClass('hover')) 

Answer 2

jQueryが:hoverセレクタを実装していないとIE8はqueryselectorallをサポートしていない、したがって、それは失敗します。マウスオーバーなどの要素が現在ホバーされていることを検出する別の方法を見つける必要があります。また、グローバル（または親のスコープ）変数を設定するイベントを残すか、要素に状態クラス/属性を適用します。