单击后更改要滚动的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
      )

});

<强>更新

WORKING DEMO

$(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 ); 
             }



        });