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事件的解决方案?
谢谢;)
最佳答案
有 2 个问题,您想从中删除 var
,因此您的引用是正确的:
var imggg = new Image(140,100);
然后通过清除你设置的onload
函数来解除绑定(bind):
imggg.onload = null;
关于Javascript - 取消加载事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3717205/