Jquery हालत की जांच है (': मंडराना') काम नहीं कर रहा

Question

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

यहाँ मेरी कोड है, यह सचेत करना चाहिए 'प' लेकिन हर बार यह 'म' क्या त्रुटि यहाँ

Answer 1

:hover है अलर्ट एक सीएसएस pseudo-class है , एक jQuery चयनकर्ता नहीं। इसे सभी ब्राउज़रों पर is() के साथ विश्वसनीय रूप से उपयोग नहीं किया जा सकता है।

Answer 2

जैसा कि फ्रेडरिक ने कहा, :hover सीएसएस का हिस्सा है और jQuery में चयनकर्ता नहीं है।

कोई वैकल्पिक समाधान के लिए, पढ़ने के How do I check if the mouse is over an element in jQuery?

mouseout पर एक समाप्ति सेट fadeout और वस्तु में आंकड़ों के वापसी मान स्टोर करने के लिए। फिर onmouseover, डेटा में मान होने पर टाइमआउट रद्द करें।

फीडआउट के कॉलबैक पर डेटा निकालें।

Answer 3

आप अभी क्यों उपयोग नहीं करते हैं। होवर? इस-

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

Answer 4

कोशिश कुछ करता है, तो माउस है इस

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

की तरह कुछ की कोशिश करो तो आप पता कर सकते, वस्तु

Answer 5

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

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

Answer 6

तरह

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

Answer 7

x.filter(':hover').length 

यह तब भी उपयोगी हो सकता है जब आपने पहले से ही कुछ ऑब्जेक्ट्स/या कॉलबैक फ़ंक्शन के अंदर पूछताछ की हो।

Answer 8

यहां थोड़ा jQuery प्लगइन है जो जांचता है कि माउस तत्व पर है या नहीं।

उपयोग:

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

उदाहरण:

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