AJAX加載動畫腳本

-2

請我不能讓這個腳本工作AJAX加載動畫腳本

function Display_Load() 
{ 
$("#loading").fadeIn(900,0); 
$("#loading").html('<img src="../images/loadinganimation.gif" />'); 

} 
//Hide Loading Image 
function Hide_Load() 
{ 
$("#loading").fadeOut('slow'); 
}; 

//Pagination Click 
$("#pagination-flickr li").click(function(){ 
Display_Load(); 
}); 

------- 
<ul class="pagination-flickr"> 
<li>some data to click</li> 
</ul> 

<div id="loading"></div>

來源

2011-03-31 Frank Nwoko

如果你想描述它應該做什麼，它在當前狀態下出了什麼問題，以及你從自己的調試中發現了什麼樣的東西，這將是非常有幫助的。 – Pointy 2011-03-31 15:45:41

加載數據但未顯示加載gif – 2011-03-31 15:48:07

只是一個猜測：你想淡入只啓動後的圖像可用？試試這個：

function Display_Load() 
{ 
    var img = new Image(); 
    img.onload = function() { 
    $("#loading").fadeIn(900); 
    $("#loading").html('<img src="../images/loadinganimation.gif" />'); 
    }; 
    img.src = '../images/loadinganimation.gif'; 
}

如果問題是，你想要的形象出現前的內容被加載，那麼問題是，調用「淡入」會導致<div>之前進行隱形它變得可見。換句話說，「fadeIn」所做的第一件事就是隱藏該元素，以便它實際上可以「淡入」來查看。

來源

2011-03-31 15:47:42 Pointy

DId不工作。腳本由於錯誤而變得不可用。 – 2011-03-31 15:51:25

那麼這個錯誤會是什麼？你在這裏不是很有幫助。 – Pointy 2011-03-31 16:04:04

你的點擊處理是裁判和id #pagination-flickr，而你的<ul/>是jsfiddle類.pagination-flickr

<ul class="pagination-flickr"> 
    <li>some data to click</li> 
</ul> 

$(".pagination-flickr li").click(function(){ 
    Display_Load(); 
});

代碼示例。

來源

2011-03-31 15:57:45

AJAX加載動畫腳本

回答

相關問題