傾聽多次點擊一個鏈接，使用jQuery

Question

我有以下的稱爲_Header一個文件，它包含在由佈局網頁的頁面：

@{ 
    ViewBag.Title = "_Header"; 
} 

<header> 
    <a id="home" href="#">MenuEditor</a> 
</header> 

<script type="text/javascript"> 
     $(function() { 
      var a = document.getElementById("home"); 
      a.onclick = function() { 
       $("#main").load("@Url.Content("/Home/")"); 
       return false; 
      }; 
     }); 
</script> 

在我的佈局頁，有一個div叫＃主要包含每個頁面的所有內容並需要更改。

<div id="main"> 
     @RenderBody() 
</div> 

我的問題是，它會改變#main到/ home的內容/只有一次，但不會再這樣做！有沒有辦法讓它在第一次點擊後繼續收聽？

Answer 1

$(document.body).on('click','#home',function(){ 
    $("#body").load('@Url.Content("/Home/")'); // is it '#body' or body, can be both 
    return false; 
});