Hover和clearTimeout似乎不适用于Cloud Zoom

Question

我试图仅在鼠标超过某个div 2秒后触发事件。如果鼠标离开div，则不会发生任何事情。现在它的作用是，当我将鼠标移到div上并将其移开时，它仍会触发事件，但它不应该。

这是我写的：

$(document).ready(function(){
    var timer;
    $('.image_wrapper').hover(function() {
        timer = setTimeout(function() {
            alert('This is my event');
       }, 2000);
    }, 
    function () {
        clearTimeout(timer);
    });
});

有什么想法吗？

谢谢！

修改 问题在于同时使用Cloud Zoom。如果您使用Cloud Zoom插件在代码下方添加以下行，您将能够重现该问题：

$('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();