JQuery AJAX страница загрузки, DIV специфичные

Question

Попытка ввести определенный DIV со страницы, вызываемой функцией jQuery .load.

У меня есть такой код:

<script type="text/javascript">
    $('ul.navigation li a').click(function() {
        $('#content-wrap').fadeOut(500);

            var targetPage = $(this).attr('href')

        setTimeout(function() {
            $('#content-wrap').load(targetPage, function() {
                $('#content-wrap').fadeIn(500);
            });
        });     
    return false;
    });

</script>

... и он работает -но он вызывает всю страницу, а не определенную область ...

Ура!

Answer 1

Вы пытаетесь загрузить страницу фрагмент , а не всю страницу.Если вы углубитесь в документацию, вы увидите, что вам нужно немного изменить переменную targetPage.

var targetPage = $(this).attr('href');
targetPage += " #content-wrap";

Это изменит переменную targetPage на что-то вроде http://site.url #content-wrapи будет извлекать содержимое элемента #content-wrap, а не всю страницу.

• Подробнее см. раздел «Загрузка фрагментов страницы» документации .load() .