Question

通过更改属性checked="checked"来点击演示Horizontal slider。

但是我希望使用一些javaScript / jQuery在2000ms的间隔之后滑块自动滑动。

以下是我正在使用的jQuery代码：

$(document).ready(function() {
  $(".slider li:first-child").attr("checked");
  setTimeout(autoSlide, 2000);
});

function autoSlide() {
  var next = $("input").attr("checked").next();
  if (next.length) {
    input.removeAttr("checked");
    input.attr("checked", checked);
  } else {
    $('.slider li:first-child').attr("checked");
    setTimeout(autoSlide, 1000);
  }
}

请直接获取水平滑块 - jsfiddle自动滑动。

Answer 1

$(document).ready(function(){
  var $next=$(".slider input:first").next();

  setTimeout(autoSlide, 2000);

  function autoSlide(){
   $next.trigger('click');
   if ($next.is(':last-child')) $next=$("input:first");
   else $next=$next.next();
   setTimeout(autoSlide, 2000);
  }
});

从你的小提琴：https://jsfiddle.net/s5agwu9t/

自动滑动水平滑块也可以在点击时滑动

1 个答案: