Question

请帮帮我一个人。我已经实现了这个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();});

但它没有达到我的需要。我已经玩了一段时间的代码，但我设法做的任何事都不适合我追求的修复。任何帮助都将非常感激。

Answer 1

因为您使用的是append，所以每次点击都会创建一个新的加载图片。我建议将图像放在html中，然后让jQuery根据需要显示/隐藏它。

Answer 2

感谢您帮助所有人，但我通过在整个代码的必要部分添加jqery（stop）来修复它。但是，我仍然希望看到别人会采用其他方式解决这个问题。

我的ajax装载机给我带来了麻烦

2 个答案: