2012-08-04 48 views
0

请帮我一个人。我已经实现了这个ajax加载器的gif图像,它的工作原理,但当我第二次点击链接时,它只是加载而不消失。我应该补充一点,链接的设置方式是,如果一旦我点击相同的链接再次加载,就没有任何反应(对我自己说,加载已经获取的文件是没有意义的)。下面是我的代码片段:我的阿贾克斯装载机给我的问题

$('.loadtitles').click(function() { 
    $("#myDiv").append('<img src="loader.gif" alt="Currently Loading" id="loading" />'); 
    window.location.hash = $(this).attr("href"); 
    var href = $(this).attr('href'); 
    $('#SearchFrame').css('display','none'); 
    $('#myDiv').css('display','block'); 

return false; 
}); 

我尝试添加这样的事情:

$('#loading').fadeOut(1000, function() {$(this).remove();}); 

但它并不完成我需要什么。我一直在玩代码一段时间,但没有做任何事情来适应我所追求的修复。任何帮助都将不胜感激。

+2

_ajax_部分在哪里? – undefined 2012-08-04 16:48:16

+0

另外,你是在哪里添加的? – Alexander 2012-08-04 16:51:23

+0

嗯,我认为上面的所有内容都是ajax部分,因为它没有jQuery库就无法工作。 – spencer 2012-08-04 16:52:09

回答

1

因为您使用的是append,每次单击时都会创建一个新的加载img。 我建议让图像在html中已经存在,并让jQuery根据需要显示/隐藏它。

+0

好的谢谢你的帮助。我会研究这一点。但仍然没有办法解决这个问题? – spencer 2012-08-04 17:04:55

0

感谢您帮助大家,但我通过在整个代码的必要部分添加jqery(stop)来修复它。但我仍然希望看到其他人可以采取其他方式来解决这个问题。