Событие Bind ready для создания элемента javascript dom

Question

Мне бы хотелось узнать, можем ли мы связать загруженное или готовое событие с элементом, созданным скриптом при загрузке dom. Я слышал из live(), но это не что-то доступное для клика, это просто элемент, который нужно загрузить.

Благодарим за помощь!

Answer 1

Я думаю, что ваш лучший снимок - это событие load.

$('element').load(function(){ 
    alert('loaded'); 
}); 

родной

var elem = document.getElementById('element_id'); 
elem.onload = function(){ 
    alert('loaded'); 
}; 

Другой пример для динамического создания:

$('<img/>', { 
    src: '/images/myimage.png', 
    load: function(){ 
    alert('image loaded'); 
    } 
}).appendTo(document.body); 

Answer 2

Если вы хотите, чтобы иметь возможность отделить куски кода для создания пункта и грузоподъемного вас событие может попытаться, чтобы ваш динамически созданный элемент запускал пользовательское событие в окне:

var myElement = $('<img/>', { 
    src: '/images/myimage.png' 
}).appendTo(document.body); 

$(window).trigger({type: "myElementInit", myObject : myElement}); 

С указателем назад к себе в дополнительных параметрах вы могли бы иметь отдельную настройку обработчика в jQuery (документе). Уже искать событие окна «myElementInit» и захватывать ссылку на элемент из дополнительные параметры:

jQuery.('window').bind("myElementInit", function(event){ 
    var theElement = event.myObject; 
... 
}); 

Answer 3

Вы можете использовать делегированные форму .on() события, а documented here:

делегированного событие имеет то преимущество, что они могут обрабатывать событие от узлов, которые будут добавлены в документ позже. Выбрав элемент, который, как гарантируется, будет присутствовать во время присоединения делегированного обработчика , вы можете использовать делегированные события , чтобы избежать необходимости часто прикреплять и удалять обработчики событий. Этот элемент может быть элементом контейнера представления в дизайне модели-View-Controller , например, или document, если обработчик события хочет контролировать все события пузырьков в документе. Элемент document доступен в начале документа до , загружая любой другой HTML-код, поэтому можно безопасно подключать к нему события без , ожидая готовности документа.