2012-08-04 36 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)來修復它。但我仍然希望看到其他人可以採取其他方式來解決這個問題。