jQuery AJAX页面加载,特定于DIV

jQuery AJAX页面加载,特定于DIV,jquery,ajax,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() {

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

$('ul.navigation li a')。单击(函数(){
$(“#内容包装”)。淡出(500);
var targetPage=$(this.attr('href'))
setTimeout(函数(){
$(“#内容包装”).load(targetPage,function(){
$('内容包装').fadeIn(500);
});
});     
返回false;
});
…它可以工作-但它调用整个页面,而不是特定区域


干杯

您试图加载的是一个页面片段,而不是整个页面。如果深入阅读文档,您会发现需要稍微更改
targetPage
变量

var targetPage = $(this).attr('href');
targetPage += " #content-wrap";
这将把
targetPage
变量更改为
http://site.url #content wrap
并将获取
#content wrap
元素的内容,而不是整个页面的内容

  • 有关更多信息,请参阅的加载页面片段部分

您试图加载的是一个页面片段,而不是整个页面。如果深入阅读文档,您会发现需要稍微更改
targetPage
变量

var targetPage = $(this).attr('href');
targetPage += " #content-wrap";
这将把
targetPage
变量更改为
http://site.url #content wrap
并将获取
#content wrap
元素的内容,而不是整个页面的内容

  • 有关更多信息,请参阅的加载页面片段部分

因为这是一个jQuery问题而不是WordPress问题,所以我认为它更适合StackOverflow,应该迁移。同意/不同意?因为这是一个jQuery问题而不是WordPress问题,我认为它更适合StackOverflow,应该迁移。同意/不同意?我明白了!我刚刚开始了解jQuery——似乎我看错了要修复的部分!谢谢:)我明白了!我刚刚开始了解jQuery——似乎我看错了要修复的部分!谢谢:)