jquery - クリック後にスクロールするdivを変更しますか?

Question

ScrollTo を使用してナビゲートする 3 つのページのセットがあります。私が抱えている問題は、ページ 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 ); 
             }



        });