Question

我正在使用wordpress和自定义主题。如果是浏览器，我的菜单栏会附在顶部，所以当用户滚动菜单栏时会保持原位，但其他所有内容都会滚动。

现在我的网站上有不同的页面，当点击菜单页面的链接时，它会重新加载整个网站。

但我想要的是加载页面而不刷新。菜单在<body>部分之外，我想要在body部分中的所有内容，包括用某种jquery加载的页面。

例如，当我点击某个页面时，我希望它有一个加载图像并且页面淡入。

有谁知道我在哪里可以找到一个用这个例子来做这个的脚本？

Answer 1

$(document).ready(function () {
    $('/*menu*/').click(function () {
        var url = $(this).attr('href');
        $.ajax({
            url: url
        }).done(function (result) {
            $('/*your id of placeholder*/').html(result);
        });
    });
});

Answer 2

使用jquery load

$('#yourContentSelector').load('ajax/test.html', function() {
    $('#yourContentSelector').hide().fadeIn();
});

如何使用JQUERY加载页面？

2 个答案: