Question

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

使用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'）。更改（function（）...”或只替换为

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

这将解决它。

codepen

Demo

滑块只滑一次 - 为什么？

1 个答案: