Jquery comprobación del estado es (': hover') que no trabaja

Question

$('.xx').mouseenter(function(){ 
    if($(this).is(':hover')) 
    alert('d'); 
    else 
    alert('f'); 
}); 

Aquí está mi código, que debe alertar 'd', pero cada vez que se alerta a 'f' ¿Cuál es el error Aquí

Answer 1

:hover es un CSS pseudo-class , no un selector jQuery. No se puede usar confiablemente con is() en todos los navegadores.

Answer 2

Como dijo Frederic, :hover es parte de CSS y no es un selector en jQuery.

Para una solución alternativa, lea How do I check if the mouse is over an element in jQuery?

Establecer un tiempo de espera en la mouseout a Fadeout y almacenar el valor de retorno a datos en el objeto. Luego onmouseover, cancele el tiempo de espera si hay un valor de en los datos.

Elimina los datos en la devolución de llamada del fadeout.

Answer 3

¿por qué no usa simplemente .hover?

$(".xx").hover(function(){ 
    alert("d"); 
}); 

Answer 4

intentar algo como esto:

$('.xx').hover(function(){   
     alert('d'); 
    }, function() { 
     alert('f); 
    }); 

Answer 5

function idIsHovered(id){ 
    return $("#" + id + ":hover").length > 0; 
} 

http://jsfiddle.net/mathheadinclouds/V342R/

Answer 6

intentar algo como esto

flag = ($('.xx:hover').length>0); 

Así se puede averiguar si el ratón es, el objeto

Answer 7

x.filter(':hover').length 

Esto también puede utilizarse cuando ya ha consultado algunos objetos o la función de devolución de llamada interna.

Answer 8

Aquí hay un pequeño jQuery plugin que comprueba si el mouse está sobre un elemento.

Uso:

$("#YourElement").isMouseOverMe();

Ejemplo:

(function($) { 
 

 
    var mx = 0; 
 
    var my = 0; 
 

 
    $(document).mousemove(function(e) { // no expensive logic here 
 
    mx = e.clientX; 
 
    my = e.clientY; 
 
    }) 
 

 
    $.fn.isMouseOverMe = function() { 
 

 
    var $el = $(this); 
 
    var el_xmin = $el.offset().left; 
 
    var el_ymin = $el.offset().top; 
 
    var el_xmax = el_xmin + $el.width(); 
 
    var el_ymax = el_ymin + $el.height(); 
 
    return mx >= el_xmin && mx <= el_xmax && my >= el_ymin && my <= el_ymax; 
 
    }; 
 

 
}(jQuery)); 
 

 
$(document).mouseup(function(e) { 
 
    console.log($("#div").isMouseOverMe()) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2>Click inside or outside of the yellow box</h2> 
 
<div id="div" style="width:200px;height:200px;background-color:yellow;margin-top:50px"></div>