jQuery 使用 .on( ) 无法绑定 hover，jQuery 2.0 如何给生成的内容绑定 hover？

Question

页面是使用 Ajax 载入内容，有一些元素要使用 hover，我使用 .on() 无法绑定 hover 甚至无 Ajax 载入的页面也不能绑定 hover,但是 click 可以。 我所使用的是 jQuery 2.0。

jQuery(document).ready(function($) {
    $(document).on('hover','.sup',
        function () {
        },
        function () {
        }
    );
});

请问有什么办法可以给 Ajax 载入的内容绑定 hover 呢？

Answer 1

查了下资料，发现好像没有hover这个事件，jQuery的hover事件是一个封装，不是真正的事件。这里是出处：jQuery-bind不能处理绑定hover事件

按照原文所说的测试了一下，发现确实可行。另外，我用mouseover和mouseout两个配合效果好像也是一样的。

http://jsfiddle.net/LN5jV/

Answer 2

$(obj).on("mouseover mouseout",function(event){
if(event.type == "mouseover"){
//鼠标悬浮
}else if(event.type == "mouseout"){
//鼠标离开
}
})