jquery - 使用 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;
});