jquery .ready событие в динамическом контенте

Question

У меня есть динамический список, загруженный в веб-приложение HTML 5, построенное с использованием jquery mobile + (jquery и javascript).

Я хочу отобразить простое изображение «loading ...», разместив на странице <div>, когда список заполняется динамически. Как только список будет завершен, мне нужно событие, чтобы удалить изображение «Загрузка ...». Можно ли прикрепить события .ready или .load к элементу динамического списка, чтобы я мог запустить событие, когда он загрузился?

Спасибо за любые советы, поиск существующих ответов на тему .ready дает только результаты о том, что document.ready использует событие.

Answer 1

Используйте функцию обратного вызова.

$(function() { 
    $('#content').html('<div>loading...</div>'); 
    $('#content').load('http://mynewcontent.com/', function(data) { 
     // optional: do more stuff here.. not needed since the content will already be replaced. 
    }); 
}); 

Answer 2

jQuery .load обеспечивает полную функцию обратного вызова, которую вы можете использовать для удаления загружаемого изображения.

http://api.jquery.com/load/