Загрузка 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){

"Присоединить обработчик к событию для всех элементов, которые соответствуют текущему селектору, сейчас и в будущем."