Question

我正在使用带有lightcase.js的Slick轮播，我面临的问题是，当我滑动滑动时，会触发click事件并立即显示弹出窗口。有时点击事件不会被触发，但只有当您滑动所有幻灯片时才会触发，如果您只是轻触事件触发的一半。如果其他人遇到这个问题我很感激，如果你能告诉我一个可能的解决方法。

这是我的html结构：

<div class="slider multiple-items">
    <a href="http://cornel.bopp-art.com/lightcase/project/img/examples/1b.jpg" id="example1" class="showcase" data-rel="lightcase">
  <img src="http://cornel.bopp-art.com/lightcase/project/img/examples/1b.jpg" alt="">
    </a>

    <a href="http://cornel.bopp-art.com/lightcase/project/img/examples/2b.jpg" id="example2" class="showcase" data-rel="lightcase">
  <img src="http://cornel.bopp-art.com/lightcase/project/img/examples/2b.jpg" alt="">
    </a>

    <a href="http://cornel.bopp-art.com/lightcase/project/img/examples/3b.jpg" id="example3" class="showcase" data-rel="lightcase">
  <img src="http://cornel.bopp-art.com/lightcase/project/img/examples/2b.jpg" alt="">
    </a>

    <a href="http://cornel.bopp-art.com/lightcase/project/img/examples/4b.jpg" id="example4" class="showcase" data-rel="lightcase">
  <img src="http://cornel.bopp-art.com/lightcase/project/img/examples/4b.jpg" alt="">
    </a>

    <a href="http://cornel.bopp-art.com/lightcase/project/img/examples/5b.jpg" id="example5" class="showcase" data-rel="lightcase">
  <img src="http://cornel.bopp-art.com/lightcase/project/img/examples/5b.jpg" alt="">
    </a>
</div>

我正在使用的js：

$('.multiple-items').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});

$('a[data-rel^=lightcase]').lightcase();

这是一个jsFiddle恶意当前的行为：https://jsfiddle.net/zLk1otb3/

谢谢！

Answer 1

如果要在点击事件中看到幻灯片轮播，请将data-rel="lightcase:slideshow"添加到链接项。弹出，你会看到从lightcase视图中弹出链接元素。

滑动时滑动旋转木马触发点击事件

1 个答案: