內容不使用jQuery的load（）方法

Question

正確加載我有一系列的誰是包裹在<section id="content></section>標籤頁。點擊鏈接時，我只想重新加載該內容部分，而不是頁眉或頁腳。當我使用這個jQuery代碼，內容部分被刪除，但從來沒有重新填充內容來自新的一頁：

$('.link').on('click', function(e) { 
    e.preventDefault(); 
    var url = this.href; 
    $('#content').remove(); 
    $('#content').load(url + ' #content').hide().fadeIn('fast'); 
}); 

這是一個基本的Ajax的問題​​，但我是新來使用Ajax和不知道我在哪裏出錯了/是否有更簡單的解決方案來完成此操作。

Answer 1

$('#content').remove();銷燬#content元素，所以你對不存在的元素調用load()，因此沒有任何反應。

要解決這一變化remove()到empty()：

$('#content').empty().load(url + ' #content *').hide().fadeIn('fast'); 

另外請注意，我在load()修正選擇到#content *否則你最終會複製#content元素，這將是不太理想的。