jquery - 单击后更改要滚动到的div？

Question

我有一组三个页面，我使用 ScrollTo 进行导航。我遇到的问题是我需要第 2 页是静态页面，但第 1 页和第 3 页在滚动到时运行 ajax 调用？

我在这里有一个 jsfiddle：h ttp://jsfiddle.net/xYaPF/

简单的解决方案是执行以下操作：http: //jsfiddle.net/UaGjs/506/但我看不到如何确保正确调用 ajax？

谢谢

Answer 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 ); 
             }



        });