jquery - Swipejs 没有动画

Question

我正在尝试实现 swipejs。这是说明，https://github.com/bradbirdsall/Swipe ，这是我尝试使用它的网站，http://bannisterwebdesign.co.uk/testing/ .

幻灯片正在显示，但没有动画。我已将以下内容添加到外部文件中，并按照指示完成了其他所有操作。

window.slider = new Swipe(document.getElementById('slider'), {
  startSlide: 1,
  speed: 400,
  auto: 3000,
  continuous: true,
  disableScroll: false,
  stopPropagation: false,
  callback: function(index, elem) {},
  transitionEnd: function(index, elem) {}
});

有人能看出为什么它没有动画吗？

谢谢!

Answer 1

我注意到您从示例中复制了 CSS 代码，其中包含:

.swipe-wrap > div {
    float:left;
    width:100%;
    position: relative;
}

但是您正在使用 <a>而不是<div>在你的测试中。这就是 slider 不起作用的原因。您应该将 CSS 更改为

.swipe-wrap > a {
    float:left;
    width:100%;
    position: relative;
}

希望有帮助。