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>。这就是滑块不起作用的原因。您应该将 CSS 更改为

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

希望能帮助到你。