javascript - jQuery 事件监听器

Question

有没有办法使用 jQuery 添加事件侦听器，很像 AS 3.0 中可用的事件侦听器？

例如，如果你加载一个图像，（将它的不透明度设置为零，这样它就不会出现在屏幕上）jQuery 是否有类似于 onComplete 事件监听器来监听加载完成的时间？加载成功后，您可以启动另一个函数以将其不透明度再次淡化回 1。

我看过一些已编写的插件，但我想我会问一个问题，看看是否有人在不使用 3rd 方插件的情况下找到了解决方案。

谢谢。

Answer 1

像这样的东西？

$(function(){
    $("img").hide().load(function(){
        $(this).fadeIn();   
    });
});

第一行是简写$(document).ready(function(){

然后我们简单地选择所有img元素，隐藏它们并为它们添加一个load处理程序，使它们淡入。

虽然，如果缓存上述内容可能会很麻烦。下面将解决这个问题。

$(function(){
    $("img").hide().each(function(){
        if(!$(this).width()){ // image dimensions are unavailable if it's not loaded
            $(this).load(function(){
                $(this).fadeIn();
            }); 
        }else{ //if the image is loaded already
            $(this).fadeIn();   
        }
    }); 
});