gpt4 book ai didi

JQuery .on() 事件处理程序用于动态加载图像

转载 作者:行者123 更新时间:2023-11-28 07:26:30 26 4
gpt4 key购买 nike

我的页面是通过ajax响应动态生成的。

每个响应都有一个具有指定 id 的 img 元素。我需要它们在加载时淡入。

第一次加载页面时,

.load().bind('load') 工作正常。但肯定不会在下一个响应中工作。

$('#my_img').load(function(){
$(this).hide().fadeIn('slow');
});

所以我需要使用 .on() 事件处理程序。但不起作用。

$('body').on('load','#my_img',function(){
$(this).hide().fadeIn('slow');
});

注意:这不是缓存问题。 Img src 还有一个随机查询字符串。

最佳答案

onload 事件不会冒泡,因此您无法委托(delegate)它。但是,如果您不需要支持 IE8<,您可以捕获事件,这适用于任何动态 img:

document.body.addEventListener(
'load',
function(event){
var elm = event.target;
if( elm.id === 'my_img'){ // or any other filtering condition
// do some stuff
}
},
true // Capture event
);

-DEMO-

关于JQuery .on() 事件处理程序用于动态加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29606123/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com