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

Question

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

Я хочу отобразить простое изображение «loading ...», поместив <div> на страницу, когда список заполняется динамически. Когда список заполнен, мне нужно запустить событие, чтобы удалить изображение «loading ...». Можно ли прикрепить события .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/