JQueryを使ったページ遷移？

Question

ページを切り替えるときにJQueryを使ってスライドトランジションエフェクトを作成する必要があります。しかし、私は始める方法が完全にはわかりません。誰かが私を正しい方向に向けることができますか？これを行う既存のプラグインが既に存在する場合は、そのプラグインも同様に指摘できますか？

ありがとうございます！

Answer 1

jQuery Mobileは、この種のことを行う十分にサポートされているライブラリです。それは見て良い場所になり、あなたがする必要があることをするかもしれません。

Answer 2

非常に簡単な解決策です。これは、あなたがアレイ内で循環したいページを保持し、next/prevリンクを得ることはそれらを通過するだけです。

HTML：

<a href = '#' id = 'getPrev'>Get Prev</a> 
<div id = 'contentArea'></div> 
<a href = '#' id = 'getNext'>Get Next</a> 

のjQuery：。

var pages = array("one.html", "two.html", "three.html"); 
var curPage = 0; 

$(function() { 
    $("#getPrev").bind("click", function() { 
     $("#contentArea").fadeOut(); 
     curPage--; 
     if(curPage < 0) curPage = pages.length-1 
     fetchPage(pages[curPage]); 
    }); 
}); 

function fetchPage(page) { 
    $.ajax({ 
     type: "GET", 
     url: page, 
     success: function(html) { 
      $("#contentArea").html(html).fadeIn(); 
     }, 
     error: function(a,b,c) { $("#contentArea").html("An Error Occured.").fadeIn(); } 
    }); 
} 

'getNextを' リンクは、あなたが行っている方向を除いて、同様であろうために結合