javascript - 非常简单的 slider

Question

我正在使用简单 slider ，但 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 ，您将在前面添加图像，以另一种方式移动，您将附加图像。所以你需要改变其中之一 -

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

对此 -

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