非常简单的滑块

Question

我使用简单滑块，但jquery脚本无法正常工作.. 看到在这里工作 http://morenamia.mx/slider/

问题在于这些问题，但我不知道在哪里。

<i>
function moveLeft() {
    if($('#slider ul').position().left < (sliderUlWidth + slideWidth)){
     $('#slider ul').animate({
         left: - slideWidth
     }, 1000, function () {
         $('#slider ul li:last-child').prependTo('#slider ul');
         $('#slider ul').css('left', '');
     });
    }
};
function moveRight() {
    if($('#slider ul').position().left < (sliderUlWidth - slideWidth)){
     $('#slider ul').animate({
         left: + slideWidth
     }, 1000, function () {
         $('#slider ul li:last-child').prependTo('#slider ul');
         $('#slider ul').css('left', '');
     });
    }
};
</i>

问题是当图像滑动消失并产生奇怪的效果时，右按钮工作完美但左边没有。

任何人都知道如何解决这个问题？

Answer 1

这只是一个猜测，但是如果您以一种方式移动滑块，则会在图像前面添加图像，反之，您将附加图像。所以你需要改变其中一个 -

$('#slider ul li:last-child').prependTo('#slider ul');

到此 -

$('#slider ul li:last-child').appendTo('#slider ul');