首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery实现页面加载效果

使用jquery实现页面加载效果
EN

Stack Overflow用户
提问于 2010-05-19 19:41:09
回答 4查看 5.2K关注 0票数 1

有没有办法在页面加载时使用jquery (或其他方法)显示正在加载的div?

我有一个使用PHP/MySQL填充的表,它可以包含数千行。然后使用jquery的表排序插件对其进行排序。一切正常,但是页面有时可能需要4-5秒才能完全加载,如果显示“正在加载...”就好了。在加载整个表时自动消失的div中的消息。

我听说过用于jquery的加载掩码插件--它是否适合我的需求,如果没有其他选择的话?

如果相关,则在加载此表时不会进行AJAX调用。

提前谢谢你,安迪

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-05-19 19:46:28

我认为实现这一点的最简单方法是使用AJAX。你需要两个方法(脚本)。第一个方法将使用加载的图像和一些javascript加载初始页面,以调用第二个方法。第二个方法将返回您的表的HTML和javascript (在body元素中,而不是head元素中),以调用tablesorter。javascript将调用第二个方法,获取HTML,并将其插入到页面上,替换加载消息。

示例:

代码语言:javascript
运行
复制
 <script type="text/javascript">
     $(function() {
         $.get( '/example.com/secondmethod.php', function(html) {
               $('#loadingImage').replaceWith( html );
         });
     });
 <script>

 <div id="doc">
     <img id="loadingImage" src="/example.com/images/loading.gif" alt="Loading..." />
 </div>
票数 1
EN

Stack Overflow用户

发布于 2010-05-19 19:51:37

我希望这个链接能对你有所帮助。(因为我相信你不想使用ajax)

http://forums.codecharge.com/posts.php?post_id=85584

谢谢

票数 0
EN

Stack Overflow用户

发布于 2010-05-19 19:52:52

我不知道这是不是你想要的,但你可以只显示一个写着“正在加载”的内容,以及什么时候表排序插件准备好了。显示表格并隐藏加载的div。这种方法有一些缺点和优点。

优点: 1.非常容易实现。2.加载div将一直显示到表排序完成。我不知道表排序,但因为它是客户端代码,所以很有可能这里有问题。

缺点: 1.如果加载时间过长是因为服务器需要很长时间才能响应请求,这对您没有帮助。那么您最好使用AJAX解决方案。请参阅tvanfosson的回应。

..fredrik

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2865096

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档