你能帮我在这个ajax函数中添加一个"throbber“吗？

Question

基本上，在我的页面上，当函数被执行时，图像被调用到div#imagebox。但有时图像很大，可能需要一段时间才能加载，特别是如果它还没有加载到缓存中。我想给用户一些通知，请求正在处理中。我想我能一气呵成地做到这一点。我希望在div#imagebox中显示脉搏，直到图像准备好。那我就希望这种搏动消失。

我看过这个页面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);    
    }); 
 }

Answer 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加载完成后，它应该会覆盖其中的任何内容。