Проблема с объектом image ()

Question

Посмотрите на этот скрипт, пожалуйста

var src="some.jpg";
var img = new Image(); 
    img.src = src;
    img.id = "crop_image";
    $("#crop_image").load(function()
    {
     $("#crop_cont").append(img);
    })

, почему в моей функции .load я не могу получить доступ к элементу img?

Большое спасибо

ОБНОВЛЕНИЕ:

Но работает следующее

$('<img src="'+src+'" />').load(function()
                {
                    var img = new Image(); 
                    img.src = src;
                    $("#crop_cont").append(img);
                })

Answer 1

Ни один из этих двух примеров не имеет никакого смысла.

В первом случае вы создаете образ, но не добавляете его в DOM.Таким образом, когда вы просите jQuery найти его, он не может этого сделать, потому что его еще нет.

Во втором вы создаете новый тег изображения, который (внутренне) даст jQuery реальный DOMэлемент для работы.Однако этот вызов для добавления вашего объекта Image в DOM кажется излишним.Вы уже получили и <img>, поэтому вам не нужно другое.

Я бы изменил второй следующим образом:

    $('<img src="'+src+'" />').load(function()  {
      $("#crop_cont").append(this);
    });

Answer 2

$("#crop_image") не найдет ваше новое изображение, потому что вы еще не добавили его в DOM. Вместо этого используйте $(img).

Правильный способ сделать это будет:

var src="some.jpg";
var img = new Image(); 
img.src = src;
img.id = "crop_image";
$(img).load(function(){
     $("#crop_cont").append(this);
});

Answer 3

изображение имеет свое собственное событие загрузки, вероятно, проще всего сделать что-то подобное

var src="some.jpg";
var img = new Image();

img.id = "crop_image"; 
img.onload = $("#crop_cont").append(img); // event added
img.src = src;

edit: err, я имею в виду объект изображения.

Answer 4

вам нужно предоставить HTML для этого. Право

<img src="" />

В противном случае, как оно может отображаться

Answer 5

#crop_image, это действительно добавляется в документ?если да, то когда?