next / prev水平动画页面中的链接

Question

我在我的页面上做了类似的事情： http://manos.malihu.gr/tuts/horizontal-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]
   }
});