jQuery AJAX页面加载，DIV具体

Question

尝试从jQuery .load函数调用的页面引入特定的DIV。

这是我的代码：

<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元素的内容而不是整页。

• 有关详情，请参阅the .load() documentation的“加载页面碎片”部分。