jQuery：将鼠标悬停在所有图像上不起作用

Question

我试图在页面中的所有图片上进行过度事件，但其中一些图片无效。

守则

$(document).ready(function(){
    $("body").on('mouseenter', 'img', function(){
        console.log("hoving in");
    });
    $("body").on('mouseleave', 'img', function(){
        console.log("hoving out");
    });
});

示例网址：http://kr0npr1nz.deviantart.com/art/Tifa-Lockhart-sketch-468780450

页面右侧的缩略图不会触发鼠标中心/离开事件。

Answer 1

使用jquery hover：

$("img").hover(function(){
    console.log("hovering over");
},function(){
    console.log("hovering out");
});

请参阅：http://api.jquery.com/hover/