jquery - 悬停和 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();