使用jQuery移動瀏覽'over'頁面嗎？

Question

我正在製作一個3頁的手機優化網站。我需要jQuery手機提供的水平滑動導航。如果您在第1頁上導航到第2頁，則第2頁從右側滑入。

但是，從第1頁開始，您也可以導航到第3頁。如果這樣做，我不希望第3頁以與第2頁相同的方式滑動。相反，我需要第2頁滑動並繼續移動，以便第3頁滑入。

這是我的JavaScript演示。點擊「地圖」從第1頁轉到第2頁點擊「1」第1頁轉到頁過去2，帶你到3

http://smartpeopletalkfast.co.uk/pos/

我表現的一個更復雜的演示，做這一點，但即時頁面有很多跨設備和其他意想不到的問題，所以id喜歡使用像jQuery手機這樣的框架。由於

Answer 1

您可以hi-jack位置的鏈接點擊和用戶與你想要的動畫發送到正確的僞頁：

$(function() { 

    //create an associative array of objects to pas to the `changePage()` function for a specific transition 
    var convert = { 

      //from page1 
      page1 : { 

       //to page2 
       page2 : { transition : 'slide'}, 

       //to page3 
       page3 : { transition : 'slide'} 
      }, 

      //from page2 
      page2 : { 

       //to page1 
       page1 : { transition : 'slide', direction : 'reverse' }, 

       //to page3 
       page3 : { transition : 'slide'} 
      }, 

      //from page3 
      page3 : { 

       //to page1 
       page1 : { transition : 'slide', direction : 'reverse' }, 

       //to page2 
       page2 : { transition : 'slide', direction : 'reverse' } 
      } 
     }; 
    $('.my-links').bind('click', function() { 

     //change to the specified page 
     $.mobile.changePage($(this).attr('href'), convert[$.mobile.activePage[0].id][$(this).attr('href').replace('#', '')]); 
     return false; 
    }); 
}); 

這種結合與.my-links類中的任何元素。此外，page/page2/page3是三個頁面的ID。