jquery - 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);
    });
});

何か案が？

ありがとう！

EDIT 問題は、同時に使用されるクラウドズームにあります。Cloud Zoom プラグインを使用してコードの下に次の行を追加すると、問題を再現できます。

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