Получить функцию JQuery для выполнения после и независимо от onLoad

Question

Возможно ли выполнить функцию JQuery, вставив ее на страницу? НЕ МОЖЕТ быть подключен к функции .ready. Причина в том, что пользователь будет загружать изображение через iframe. Мне нужно выполнить JCrop после отображения загруженного изображения.

echo "<script>$('#pictures_step1_right_bottom1', window.parent.document).html('<img id=\"cropbox\" src=\"../../box/" . 'THM' . $filenameAlt . '.jpg' . "\">');</script>"; 

echo "<script>jQuery(function(){jQuery('#cropbox').Jcrop();});</script>"; 

Это выполняется в iframe, который обрабатывает изображение. он затем отправляет его на главную страницу. Однако это не работает.

EDIT:

Законченное работает таймер:

function checkPic() { 
    if($('#cropbox1').length != 0) { 
     jQuery(function() { 
      jQuery('#cropbox1').Jcrop(); 
     }); 
    } 
    timer(); // Check size again after 1 second 
} 

function timer() { 
    var myTimer = setTimeout('checkPic()', 3000); // Check size every 1 second} 
} 

Answer 1

в конечном итоге работает таймер:

checkPic(); 
function checkPic() 
{ 
    if($('#cropbox1').length != 0) 
    { 
     jQuery(function() { jQuery('#cropbox1').Jcrop(); }); 
    } 
    timer(); // Check size again after 1 second 
} 
function timer() 
{ 
    var myTimer = setTimeout('checkPic()', 3000); // Check size every 1 second 
} 

Answer 2

Использование JavaScript вы можете загрузить изображение и проверить, когда он закончил загрузку.

Это не JQuery, а просто обычный JS, но это та же идея. С целью, где изображение. Функция вернет true, если в противном случае будет выполняться загрузка и false. Как только это правда, запустите свой JCrop-метод.

document.getElementById(target).complete