圖像緩存圖像準備

Question

我想在使用Java腳本的圖像上添加標籤。 圖像緩存在第一次加載圖像時創建緩存圖像，以便當java腳本代碼嘗試在圖像上添加標籤時，它會將它們放置在錯誤的位置，因爲圖像尚未準備好。它把它們放在一條線上。 當第二次調用java腳本代碼時，它會將標籤放置在正確的位置，因爲已經創建了緩存圖像。

我如何理解在java腳本域中圖像緩存完成它的工作並創建緩存圖像？

圖像被放置在一個div它的ID是「#tag_container」 圖像的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 
});