帶有下一個和上一個按鈕的可滑動菜單循環

Question

我正在嘗試製作「自行車菜單」或選擇器。

我做了的jsfiddle看起來像this.

我已經試過這樣：

$("#prev").click(function(){ 
     $('#routesheader').animate({ 
      left: '200px'; 
     }); 
     $('#routesheader').toggle(); 
}); 
$("#next").click(function(){ 
     $('#routesheader').animate({ 
      left: '-200px'; 
     }); 
     $('#routesheader').toggle(); 
}); 

，但它似乎並沒有工作。

我想要列表基於什麼按鈕被按下移動到左，右，因此，揭示了下一首/上的choise

如果可能的話ID喜歡做沒有插件（如jQuery週期）

Answer 1

你的問題是在有生成的括號中的分號。這是不正確的語法。正確的語法如下：

$("#prev").click(function(){ 
    $('#routesheader').animate({left:'200px'},500); 
    $('#routesheader').toggle(); 
}); 
$("#next").click(function(){ 
    $('#routesheader').animate({left:'-200px'},500); 
    $('#routesheader').toggle(); 
}); 

如果你需要不止一個屬性設置動畫，分像這樣：

$("#prev").click(function(){ 
    $('#routesheader').animate({ 
     left:'200px', 
     attr:'value', 
     attr:'value' 
    },500); 

你必須使用逗號，但不要在使用逗號最後的財產。 Javascript對正確的語法非常敏感。