Javascript AJAX在获取内容之前重新加载页面
我正在使用FullPage.js插件,我正在尝试使用AJAX在页面之间进行导航 当我使用.load()时;我正在捕获我需要的页面,但是,正如我现在看到的,我需要重新加载fullpage.js,因为加载的页面不是活动的,所以脚本不能使用它 这是我的密码:Javascript AJAX在获取内容之前重新加载页面,javascript,php,jquery,ajax,fullpage.js,Javascript,Php,Jquery,Ajax,Fullpage.js,我正在使用FullPage.js插件,我正在尝试使用AJAX在页面之间进行导航 当我使用.load()时;我正在捕获我需要的页面,但是,正如我现在看到的,我需要重新加载fullpage.js,因为加载的页面不是活动的,所以脚本不能使用它 这是我的密码: $('.click a').click(function(event) { event.preventDefault(); $.ajax(this.href, {
$('.click a').click(function(event) {
event.preventDefault();
$.ajax(this.href, {
cache: false,
success: function(data) {
$('#fullpage').html($(data).find('#fullpage > *'));
location.search = "reloaded=1";
console.log('The page has been successfully loaded');
},
error: function() {
console.log('An error occurred');
}
});
});
如何刷新插件,或者在使用AJAX获取页面内容之前加载页面
也许我可以在已经加载AJAX的情况下加载页面?嗨,请尝试使用以下功能:
function myFunction(){
$('.click a').click(function(event) {
event.preventDefault();
$.ajax(this.href, {
cache: false,
success: function(data) {
$('#fullpage').html($(data).find('#fullpage > *'));
location.search = "reloaded=1";
console.log('The page has been successfully loaded');
myFunction(); // FOR refresh
},
error: function() {
console.log('An error occurred');
}
});
});
}
如果您正在动态创建节或幻灯片,则需要再次销毁并初始化fullPage.js。 为此,您需要使用fullPage.js的函数,然后再次初始化它 比如:
//initializing fullpage.js for the 1st time.
initFullpage();
function myFunction() {
$('.click a').click(function (event) {
event.preventDefault();
$.ajax(this.href, {
cache: false,
success: function (data) {
$('#fullpage').html($(data).find('#fullpage > *'));
location.search = "reloaded=1";
console.log('The page has been successfully loaded');
//destroying fullpage.js completely
$.fn.fullpage.destroy('all');
//initializing it again so it can detect new sections.
initFullpage();
},
error: function () {
console.log('An error occurred');
}
});
});
}
function initFullpage(){
$('#fullpage').fullpage();
}
检查这个