javascript - jQuery ready() 和脚本序列

Question

我是一个 jQuery 菜鸟，我想知道如何解决这个问题:

1. 我有一个外部 .js 脚本，我们以 reflection.js 为例。
2. Reflection.js 为每个 class="reflect"图像创建 Canvas 反射。
3. 我正在通过在 ('document').ready 时启动的不同 JS 脚本附加一些图像。
4. 当然，reflection.js 不适用于上述脚本创建的图像。

如何避免这种情况？

我想我需要回调(？)。不幸的是，即使在阅读了文档之后我也不知道回调的想法。

[编辑]

<script src="js/reflection.js" type="text/javascript"></script> 
<script type="text/javascript">

            jQuery().ready(function() {   
            jQuery('#thumbs li').each(function(){
                    jQuery('.'+id+' a').append('<img src="' + imgURL + '" class="reflect" /></a>');
                });
            });
 </script> 

Answer 1

图片加载事件不会冒泡。你不能 Hook 到那些。

由于您的图像具有“反射”类，这意味着您可以对源进行一些控制。所以我建议你的反射代码发布一个 API 供你调用。

window.Reflect = function(img) {
    ...
};
...
var img = $("<img></img");
img.attr({
   ...
});
Reflect(img);
...

如果您不想这样做，则可以轮询文档以获取新图像。

(function poll() {
    var images = $("img.reflect");
    ...
    images.removeClass("reflect")
    setTimeout(poll, 500);
})();