3

在 safari 和 opera 中，.load 的回调函数不会等待未缓存的图像完全加载。使用缓存的图像，它工作得非常好。

代码有点复杂，我尽量简化...

所以，我的js是这样的：

        $('#chatwindow_' + thread_id).load('/chat.php?thread_id=' + thread_id, function(){


            $('#chatwindow_' + thread_id).children('.chat_messagebox').load('/messages.php?sel=chat&latest_messages=10&thread_id=' + thread_id, function(){

//THIS IS BEING EXECUTED BEFORE THE IMAGES ARE FULLY LOADED, 
//BUT I EXPECT IT TO BE EXEC AFTER THE IMAGES ARE LOADED

                $(this).scrollTo('max',0);
                $('#chatwindow_' + thread_id).find('.messages_newcontent').focus();
        });


    });

messages.php?sel=聊天：

<? include(gen_path("/messages_messagelist.php")); ?>

messages_messagelist.php：

while($x < $x_total){
load_attachments("message_".$message_row['id'], $max_width_of_att_field)
}

最后是函数的重要片段：

return "<img src='/upload/attachments/".$attachments_row['id']."' width='160' class='download_file info_nextsibling' id='downloadfillabeobj_".$attachments_row['id']."'>"

就是这样 - 如果这个最终的 < img > 没有被缓存，它会在调用初始 .load 回调函数后完全加载 - 关于如何等待所有未缓存图像的任何想法？

4

1 回答 1

1

在此处查看 David DeSandro 的imagesLoaded jQuery 插件。

从文档：

“你不能对缓存的图像执行 .load()”

于 2012-08-02T16:41:42.470 回答