Javascript - 取消加载事件

Question

    var town_imgs = $('.town_img img');
    var container;
    var imggg
    town_imgs.hover(function(){

        container = $('<div class="town_img_thmb">'
                +'<span class="thmb_container ajax2"></span>'
            +'</div>').appendTo($(this).parents('.town_wrapper').find('.thmb_wrapper'));

        var imggg = new Image(140,100);             
        imggg.onload = function(){
            container.find('.thmb_container').append(this);
        }
        imggg.src = $(this).attr('src').replace(/\/t0\//,'/t1/');               

    },function(){

        container.remove();
        $(imggg).unbind('onload');

    });

当我非常快速地悬停缩略图时不起作用。它连续显示 2-3 张图像大约 250-500ms~

据我所知，这是因为我使用外部变量来存储当前缩略图。

是吗？

有没有正确取消onload事件的解决方案？

谢谢;)

Answer 1

有 2 个问题，您想从中删除 var，因此您的引用是正确的:

var imggg = new Image(140,100);

然后通过清除你设置的onload函数来解除绑定(bind):

imggg.onload = null;

You can see a working demo here .