AJAX सामग्री लोड होने के बाद Jquery होवर काम नहीं कर रहा है

Question

मुझे कोई समस्या है जहां एक होवर ईवेंट मेरे पास AJAX लोड के बाद काम नहीं करता है, यह केवल प्रारंभिक पृष्ठ लोड पर काम करता है ... यह वह कोड है जिसे मैं वर्तमान में उपयोग कर रहा हूं:

$(".table tbody tr").hover(
     function() { 
      $(this).children('td').children('.operation').children('.btn-group').fadeIn(); 
     }, 
     function() { 
      $(this).children('td').children('.operation').children('.btn-group').fadeOut(); 
     } 
    ); 

मुझे पता है कि मैं() चयनकर्ता के रूप में $ (दस्तावेज़) .on उपयोग करने की आवश्यकता है, लेकिन मैं मूल कोड में के रूप में कार्यक्षमता करने के लिए सही सिंटैक्स लेकर अनिश्चित हूं। किसी भी मदद की सराहना की

Answer 1

समाधान

पोस्टर के comments से खुद समाधान। सच है, document (या किसी भी पूर्वजों जो AJAX कॉल से प्रभावित नहीं है) का उपयोग किया जाना चाहिए।

$(document).on({ 
    mouseenter: function() { 
     $(this).find('.btn-group').fadeIn(); 
    }, 
    mouseleave: function() { 
     $(this).find('.btn-group').fadeOut(); 
    } 
}, '.table tbody tr'); 

मूल

$(".table tbody").on("hover","tr", 
    function() { 
     $(this).children('td').children('.operation').children('.btn-group').fadeIn(); 
    }, 
    function() { 
     $(this).children('td').children('.operation').children('.btn-group').fadeOut(); 
    } 
); 

संपादित

यह सच है, hover ओल्ड-स्कूल है, और इस उदाहरण मुझे लगता है कि में काम नहीं करता! इस प्रयास करें:

$(".table tbody").on({ 
    mouseenter: function() { 
     $(this).children('td').children('.operation').children('.btn-group').fadeIn(); 
    }, 
    mouseleave: function() { 
     $(this).children('td').children('.operation').children('.btn-group').fadeOut(); 
    } 
},'tr'); 

और मैं वास्तव में सुनिश्चित करें कि आप क्या कर रहे हैं नहीं कर रहा हूँ, लेकिन यह भी हो सकता है कम:

$(".table tbody").on({ 
    mouseenter: function() { 
     $(this).find('.btn-group').fadeIn(); 
    }, 
    mouseleave: function() { 
     $(this).find('.btn-group').fadeOut(); 
    } 
},'tr');