【问题标题】:can you help me add a "throbber" to this ajax function你能帮我在这个ajax函数中添加一个“throbber”吗
【发布时间】:2011-10-11 18:38:36
【问题描述】:

基本上,在我的页面上,当函数执行时,一个图像被调用到div#imagebox。但有时图像很大并且可能需要一段时间才能加载,特别是如果它尚未加载到缓存中。我想给用户一些通知,请求正在处理中。我想我可以用一个颤抖的人来做到这一点。我希望在图像准备好之前,在 div#imagebox 中显示 throbber。然后我希望颤动者消失。

我看过这个页面http://plugins.jquery.com/project/throbber,但我真的不明白我应该做什么。

我可以在现有函数中添加类似$("div#imagebox").throbberShow(true); 的内容吗(见下文?)但是我应该在哪里添加呢?我需要参数true吗?

感谢您的帮助。

 function showImage(ms, pid)     
 {
   $.get("../msimages/image.php", {ms: ms, pid: pid}, function(txt)        
    {        
      $("div#imagebox").html(txt);    
    }); 
 }

【问题讨论】:

  • 永远不要这样做$('div#imagebox')。这比$('#imagebox') 慢了很多
  • 好的——我不知道。我一直把 div 前缀放在那里。我会停止这样做:)

标签: jquery throbber


【解决方案1】:

在您的情况下,您似乎可以按如下方式添加它。我不相信真正的参数是必要的:

function showImage(ms, pid)     
 {
   $.throbberShow({ajax: true, parent: imagebox); // add this line.
   $.get("../msimages/image.php", {ms: ms, pid: pid}, function(txt)        
    {        
      $("div#imagebox").html(txt);    
    }); 
 }

应该将图像加载到#imagebox中,当ajax完成加载后,它应该覆盖其中的任何内容。

【讨论】:

  • 好的,很好,我会试一试——我还能问:jquery 库中有内置的 throbber 图像吗?脚本如何知道从哪里获取动画?
  • 它似乎使用了 throbber.gif,如果它在正确的位置,默认情况下会在下载中,但它表明您可以在示例中指定自己的图像。
  • 由于我没有足够的代表 - 我无法回答自己的问题 - 但经过一些工作,我发现您给出的答案需要稍作修改。 $.throbberShow({ajax: true, parent: imagebox}); ajax: true 参数不需要存在,因为它是默认值,但 parent: imagebox 参数 是关键。 我的主要问题是尝试使用 ajax 目标 div 作为选择器-- 当它需要是throbberShow 的选项参数之一时。我花了一段时间才弄明白。
猜你喜欢
  • 2021-08-29
  • 1970-01-01
  • 1970-01-01
  • 2022-11-14
  • 1970-01-01
  • 2021-01-28
  • 2011-12-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多