Question

我正在与superslides合作，并且我试图在动画上添加一些自定义效果。

我试图这样做：

在beforeChange事件中，我想停止传播事件，这样滑块就不会改变。
然后，在这里，我编写我的函数来动画元素在滑块内
完成这些动画后，我继续并手动滑动到下一个要素

我决定这样做的原因是因为我需要自动播放才能工作，这是我能提出的唯一想法。

我到目前为止的代码如下：

var slider;

slider = $('.home-page-banner');

slider.superslides({
  play: 5000
});

slider.on('animating.slides', function(evt) {
  // tried all of the three below
  evt.preventDefault(); 
  evt.stopPropagation();
  return slider.superslides('stop');
  console.log(slider.superslides('next'));
  slider.superslides('animate', slider.superslides('current'));
  return slider.superslides('stop');
});

example on codepen

但不幸的是，它并没有像我一样的工作。滑块检测到更改，触发事件，更改幻灯片，然后停止。

有关如何正确实现这一目标的任何帮助？

感谢

Answer 1

preventDefault和stopPropagation无效。使用自定义下一个和上一个按钮并在其上写入函数。检查this pen我分叉你的笔并修改它以符合你的需要。首先点击下一步，我使用animate创建一个简单的动画。

jquery滑块 - 防止滑块上的默认事件

1 个答案: