动态内容上的 jquery .ready 事件

发布于 2024-12-21 18:02:03 字数 312 浏览 1 评论 0原文

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

我想通过在页面上放置

来显示一个简单的“正在加载...”图像,同时动态填充列表。列表完成后,我需要触发一个事件来删除“正在加载...”图像。是否可以将 .ready 或 .load 事件附加到动态列表的元素,以便在列表加载时触发一个事件?

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

I have a dynamic list loaded into a HTML 5 web app built using jquery mobile + (jquery and javascript).

I want to display a simple "loading..." image by placing a <div> on the page while the list is populated dynamically. Once the list is complete I need a event to fire to remove the "loading..." image. Is it possible to attach the .ready or .load events to a element of the dynamic list so I get a event to fire when the list has loaded?

Thanks for any advice, searching for existing answers on the .ready subject only provides results about document.ready use of the event.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

可爱咩 2024-12-28 18:02:03

使用回调函数。

$(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.
    });
});

Use the callback function.

$(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.
    });
});
调妓 2024-12-28 18:02:03

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

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

jQuery's .load provides a complete callback function that you could use to remove the loading image.

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文