我有三个页面,我使用ScrollTo进行导航。我遇到的问题是我需要第2页是一个静态页面,但第1页和第3页在滚动到它时运行ajax调用?
我在这里有一个jsfiddle:h ttp://jsfiddle.net/xYaPF/
简单的解决方案是执行以下操作:http://jsfiddle.net/UaGjs/506/但我无法确定如何确保正确调用ajax?
由于
答案 0 :(得分:1)
moveRight.click(function(evt) {
$('#Mpage').scrollTo('#Right', 500);
//Do your ajax call for page 3
$.ajax(
//your parameter
)
});
moveLeft.click(function(evt) {
$('#Mpage').scrollTo('#Left', 500);
//Do your ajax call for page 1
$.ajax(
//your parameter
)
});
<强>更新强>
$(function(){
$('#Mpage').scrollTo('#MainPage', 0 );
});
$(function(){
var moveRight = $('#main_nav a.next');
var moveLeft = $('#main_nav a.prev');
var flag=true;
moveRight.click(function(evt) {
if(flag){
$('#Mpage').scrollTo('#Right', 500);
flag=false;
}
else{flag=true;
$('#Mpage').scrollTo('#MainPage',500 );
}
});
moveLeft.click(function(evt) {
if(flag){
$('#Mpage').scrollTo('#Left', 500);flag=false;
}
else
{flag=true;
$('#Mpage').scrollTo('#MainPage',500 );
}
});