Question

基本上，在我的页面上，当执行该功能时，图像被调用到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);    
    }); 
 }

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

你能帮助我为这个ajax功能添加一个“悸动者”吗？

1 个答案: