我正在使用 wordpress 和自定义主题。如果浏览器,我将菜单栏附加到顶部,因此当用户滚动菜单栏时,菜单栏保持原位,但其他所有内容都会滚动。
现在我的网站上有不同的页面,当单击菜单上的页面链接时,它会重新加载整个网站。
但我想要的是在不刷新的情况下加载页面。菜单在该<body>
部分之外,我希望正文部分中的所有内容,包括使用某种 jquery 加载的页面。
例如,当我点击一个页面时,我希望它有一个加载图像并且页面淡入。
有谁知道我在哪里可以找到一个带有示例的脚本?
$(document).ready(function () {
$('/*menu*/').click(function () {
var url = $(this).attr('href');
$.ajax({
url: url
}).done(function (result) {
$('/*your id of placeholder*/').html(result);
});
});
});
使用 jquery加载
$('#yourContentSelector').load('ajax/test.html', function() {
$('#yourContentSelector').hide().fadeIn();
});