javascript - 图像缓存图像准备就绪

Question

我正在尝试使用 java 脚本在图像上添加标签。图像缓存在第一次加载图像时创建缓存图像，因此当 java 脚本代码尝试在图像上添加标签时，由于图像尚未准备好，它会将它们放置在错误的位置。它将它们作为一条线放置。当第二次调用 java 脚本代码时，它会将标签放置在正确的位置，因为已经创建了缓存图像。

我如何在 java 脚本域中理解图像缓存完成了它的工作并创建了缓存的图像？

图像放置在 id 为 '#tag_container' 的 div 中，图像的 id 为 '#imagecache_taggable_image'

Drupal.behaviors.tagRestore = function (context) {
   ...
   ...
    $('#tag_container').addAnnotations(tag_locations );
    // first time I called addAnnotations #imagecache_taggable_image is not ready
    // so that it places tags wrong places  as a line
   ...
   ...

}

亲切的问候...

Answer 1

我相信图像的 onload 事件应该对此有好处。

http://www.w3schools.com/jsref/dom_obj_image.asp

这是示例 jQuery 代码：

$('#imagecache_taggable_image').bind('load', function() {
    console.log('loaded', this);
    //do custom code here
});