问jQuery pre文档就绪事件

EN

$(document).ready()将在DOM完成加载后立即执行(即，在所有图像完成下载之前，但页面的所有html都已完成加载)。例如。

$(document).ready(function(){
    // do someting as soon as the document is ready, 
    // possibly before the images are loaded
}) ;

如果您想要在所有图像都加载完成后执行某些操作，则需要使用onload事件，如下所示...

$(window).bind('load', function() {
    // Do something when the images have finished loading
});

如果你想要一个脚本现在就执行，当它出现在html文档中的时候，那么不要使用任何“就绪”函数。就这么做吧然后就会有..。

<script>
    // code that you want to execute as soon as the browsers finds this bit of your doc.
    // note that you won't be able to access the DOM as it may not all be present
</script>

我会尝试lazyload-plugin，这样页面就可以完全加载，并在所有图像加载之前触发$(document).ready()，然后您就可以下载所有图像了。

正如rikh和Jens所提到的，您可以在加载缩略图之前使用ready()事件来触发代码。但是，您提到了IE，这意味着您可能已经在使用此事件，但在浏览器中失败(它可能，因为IE6/7并没有真正的事件，而jQuery要么尝试通过其他方法检测它，要么使用load，我不知道)。

如果是这种情况，请忘记$(document).load()/$(document).ready()事件，并在呈现最后一个链接之后在html中插入代码。

类似于：

 <ul>
    (...) // List of thumbnails and links
 </ul>

 <script type="text/javascript">
    // Attach lightbox to links
 </script>

这样，浏览器就会像创建HTML链接一样附加与lightbox相关的事件，而不必等待dom/html加载后才开始工作。需要记住的重要一点是，在HTML中，在标记之前，必须呈现脚本所需的所有标记和元素，并且必须引用必要的js库。