jQuery .is (": Hover") In IE8

Question

Ich habe ein Problem beim Überprüfen des Zustands eines Div in IE8. Ich möchte überprüfen, ob die Maus derzeit über einige Divs schwebt oder nicht. Zur Zeit in IE8 erhalte ich den folgenden Fehler: Syntax error, unrecognized expression: hover. Unterhalb der jQuery ist, dass der Fehler verursacht:

// 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

Alternative Art und Weise:

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

Dann:

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

change to 

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

Answer 2

jQuery nicht implementiert die :hover Wähler und IE8 nicht unterstützt queryselectorall deshalb versagt es. Sie müssen einen anderen Weg finden, um zu erkennen, dass das Element gerade über einem mouseenter bewegt wird, und leave -Ereignis, das eine globale Variable (oder Parent-Bereich) setzt oder eine Statusklasse/Attribut auf das Element anwendet.