Можете ли вы помочь мне добавить «пульсатор» к этой функции AJAX - PullRequest
1 голос
/ 11 октября 2011

В основном, на моей странице изображение вызывается до 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);    
    }); 
 }

1 Ответ

0 голосов
/ 11 октября 2011

В вашем случае, похоже, вы бы добавили его следующим образом. Я не верю, что нужен истинный параметр:

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 завершит загрузку, он должен перезаписать все, что там есть.

...