jquery - 水平动画页面中的下一个/上一个链接

Question

我在我的页面上做了类似的东西： http://manos.malihu.gr/tuts/horizo​​ntal-animate-page-to-id-jquery.html

它工作完美，除了我正在努力制作上一个/下一个按钮。我尝试了几种方法，但似乎不起作用，有人知道吗？

Answer 1

在我看来，最好的方法是增加锚点及其相关的内容选择器（例如 id: content-1/nav-1、content-2/nav-2 等）。您的所有导航项目的一般类别为.nav，您所有的内容持有者的一般类别为.content. 这样，你可以做类似的事情......

$(" [next/previous button] ").click(function(){
   if ( $(this).attr("id") == "next" ) {
      [call function to ADD 1 to the current content/nav]
   } else if ( $(this).attr("id") == "previous" ) {
      [call function to SUBTRACT 1 from the current content/nav]
   }
});