你能幫助我在執行功能時，此功能AJAX

基本上，我的網頁上的圖像稱爲添加「活動指示器」來div#imagebox。但有時圖像很大，可能需要一段時間才能加載，特別是如果尚未加載到高速緩存中。我想給用戶一些通知，說明請求正在處理中。我想我可以用跳動器做到這一點。我想要在div#imagebox中顯示跳動者，直到圖像準備就緒。然後，我希望這個悸動者消失。你能幫助我在執行功能時，此功能AJAX

我已經看了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);  
    }); 
}

來源

2011-10-11 Jeff

永遠不要做'$（ '＃DIV imagebox'）'。這比'$（'＃imagebox'）'慢很多*。 –

好 - 我不知道。我總是把div前綴放在那裏。我會停止這樣做:) – Jeff

好人。傳播這個詞。 –

在你的情況下，它看起來像你會添加它如下。我不相信真正的參數是必要的：

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加載完成，就應該重寫無論是在那裏。

來源

2011-10-11 18:48:05

好吧，我會試試看 - 我還可以問：jQuery庫中是否有內置的跳動圖像？腳本如何知道從哪裏獲得動畫？ – Jeff

它似乎使用了throbber.gif，如果它位於正確的位置，它默認處於下載狀態，但它表明您可以在樣本中指定自己的圖像。 –

由於我沒有足夠的代表 - 我不能回答我自己的問題 - 但經過一些工作後，我發現你給出的答案需要稍作修改。 $ .throbberShow（{AJAX：真實，父：imagebox}）; 'ajax：true'參數不需要在那裏，因爲它是默認的，但'parent：imagebox'參數**是關鍵** 我的主要問題是試圖使用ajax目標' div'作爲選擇器 - 當它需要成爲'throbberShow'的選項參數之一時。我花了一段時間才弄清楚。 – Jeff

你能幫助我在執行功能時，此功能AJAX

回答

相關問題