點擊後左右移動？

Question

我的代碼不起作用。我想要的是在點擊#prev_pag和#next_pag後，將分頁移動到左側和右側。我不知道爲什麼這段代碼不工作？

例：http://jsfiddle.net/szVKD/

JS代碼：

$('#next_pag').click(function() { 
     $('#pagination').animate({ 
      marginLeft: '-=100px' 
     }, 
     500); 
    }); 
    $('#prev_pag').click(function() { 
     $('#pagination').animate({ 
      marginLeft: '+=100px' 
     }, 
     500); 
    }); 
}); 

Answer 1

$('#next_pag').click(function(e) { 
     e.preventDefault(); //prevent the default behaviour 
     $('#pagination').animate({ 
      left: '-=100px' 
     }, 
     500); 
    }); 
    $('#prev_pag').click(function(e) { 
     e.preventDefault(); //prevent the default behaviour 
     $('#pagination').animate({ 
      left: '+=100px' 
     }, 
     500); 
    }); 
}); 

Answer 2

嘗試動畫不是 'marginLeft'，但 '左'; 實例： http://www3.montonfashion.com/js/slider/carouselPP.js http://www3.montonfashion.com/et/waistcoat-willy.html

Answer 3

你NEDD與left不marginleft玩... see here

$('#next_pag').click(function() { 
     $('#pagination').animate({ 
      left: '-=100px' 
     }, 
     500); 
    }); 
    $('#prev_pag').click(function() { 
     $('#pagination').animate({ 
      left: '+=100px' 
     }, 
     500); 
    }); 
});