通过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>

在我的布局页面中，有一个名为#main的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;
});