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加载动画脚本

回答

相关问题