动态内容上的 jquery .ready 事件答案

【问题标题】：jquery .ready event on dynamic content动态内容上的 jquery .ready 事件
【发布时间】：2011-12-19 01:28:52
【问题描述】：

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

我想通过在页面上放置<div> 来显示一个简单的“正在加载...”图像，同时动态填充列表。列表完成后，我需要触发一个事件以删除“正在加载...”图像。是否可以将 .ready 或 .load 事件附加到动态列表的元素，以便在列表加载时触发事件？

感谢您的任何建议，搜索有关 .ready 主题的现有答案仅提供有关 document.ready 事件使用的结果。

【问题讨论】：

标签： javascript jquery web-applications jquery-mobile document-ready

【解决方案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.
    });
});

【讨论】：

【解决方案2】：

jQuery 的 .load 提供了一个完整的回调函数，您可以使用它来删除加载图像。

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

【讨论】：