滑块只滑动一次-为什么

Question

我在我的网站上添加了一个滑块，但它似乎只运行一次。它在第二个图像上停止。我希望它保持每5秒滑动一次。请帮帮我！

来源：http://codepen.io/zuraizm/pen/vGDHl

Javascript：

var slideCount = $('#slider ul li').length;
var slideWidth = $('#slider ul li').width();
var slideHeight = $('#slider ul li').height();
var sliderUlWidth = slideCount * slideWidth;
$('#slider').css({ width: slideWidth, height: slideHeight });
$('#slider ul').css({ width: sliderUlWidth, marginLeft: - slideWidth });
$('#slider ul li:last-child').prependTo('#slider ul');
function moveLeft() {
    $('#slider ul').animate({
        left: + slideWidth
    }, 200, function () {
        $('#slider ul li:last-child').prependTo('#slider ul');
        $('#slider ul').css('left', '');
    });
};
function moveRight() {
    $('#slider ul').animate({
        left: - slideWidth
    }, 200, function () {
        $('#slider ul li:first-child').appendTo('#slider ul');
        $('#slider ul').css('left', '');
    });
};

$('a.control_prev').click(function () {
    moveLeft();
});
$('a.control_next').click(function () {
    moveRight();
});
$(function(){
setInterval(function () {
    moveRight();
}, 5000);
});

Answer 1

使用查找并更新您的代码

删除复选框函数"$（'#checkbox'）.change（function（）…"或只替换为

setInterval(function () {
      moveRight();
  }, 5000);  

这会解决问题的。

代码笔

演示