关于动态内容的jquery .ready事件

Question

我有一个动态列表加载到使用jquery mobile +（jquery和javascript）构建的HTML 5 Web应用程序中。

我想通过在页面上动态填充<div>来显示简单的“loading ...”图像。列表完成后，我需要触发一个事件来删除“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/