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();});

しかし、それは私が必要とすることを達成しません。私はしばらくの間コードをいじっていましたが、私がやったことは、私が求めている修正に合うものではありませんでした。どんな助けでも大歓迎です。

4

2 に答える 2

1

を使用しているためappend、クリックするたびに新しい読み込みイメージが作成されます。画像を既に html に配置し、必要に応じて jQuery で表示/非表示にすることをお勧めします。

于 2012-08-04T17:03:29.853 に答える
0

皆さんに助けていただきありがとうございますが、コード全体の必要な部分に jqery (停止) を追加して修正しました。しかし、他の誰かがこれに取り組む他の方法を見たいと思っています.

于 2012-08-04T17:18:05.217 に答える