javascript - 动态内容上的 jquery .ready 事件

Question

我将动态列表加载到使用 jquery mobile +(jquery 和 javascript)构建的 HTML 5 网络应用程序中。

我想通过放置 <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.
    });
});