Jquery通过ajax加载内容

Question

我有一个将用作导航栏的无序列表

<ul>
            <li><a href="content/index.html" class="selected">Home</a></li>
            <li><a href="content/about.html" class="nav_bubble">About</a></li>
            <li><a href="content/projects.html" class="nav_bubble">Projects</a></li>
            <li><a href="content/tutorials.html" class="nav_bubble">Tutorials</a></li>
</ul>

我有一些 javascript 可以将内容加载到 div 中

<script type="text/javascript">
        $(function(){
            $("div#navcontainer > ul > li > a").click(function(e){
                e.preventDefault();
                $.ajax({
                    url: e.currentTarget.href,
                    cache: false,
                    dataType: "html",
                    success: function(data) {
                        console.log(data);
                        $("#content").html(data);
                    }
                });
            });
        });
    </script>

所有这些都有效，问题是，当我从包含链接的内容文件夹中加载页面时会发生什么？它将您的浏览器发送到页面而不是将其加载到 div 中。如何将所有链接递归加载到内容 div 中，而不是将用户直接发送给它们？

Answer 1

变化：

$("div#navcontainer > ul > li > a").click(function(e){

收件人：

$("div#navcontainer > ul > li > a, div#content a").live('click',function(e){

"Attach a handler to the event for all elements which match the current selector, now and in the future."