点击后左右移动？

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); 
    }); 
});