jQuery AJAX页面加载,DIV具体

时间:2011-03-28 15:19:38

标签: jquery ajax

尝试从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>

......它有效 - 但它调用整个页面,而不是特定区域......

干杯!

1 个答案:

答案 0 :(得分:4)

您正在尝试加载页面片段而不是整个页面。如果您深入了解文档,您会发现需要稍微更改targetPage变量。

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

这会将targetPage变量更改为http://site.url #content-wrap行,并将获取#content-wrap元素的内容而不是整页。