使用JQuery进行页面转换？

Question

我需要在切换页面时使用JQuery创建幻灯片切换效果。但是，我不完全确定如何开始。有人能指出我正确的方向吗？如果已经有一个现有的插件可以做到这一点，你能否指出这一点？

谢谢！

Answer 1

jQuery Mobile是一个很好的支持库，可以做这种事情。那将是一个很好的地方，甚至可以做你需要做的事情。

Answer 2

这是一个非常非常简单的解决方案。它将你想要循环访问的页面保存在一个数组中，get 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' 链接将是相似的结合，