Question

我在移动网站上使用slick.js滑块，用户可以在其中滑动/滑动视图到视图。

在其中一个视图中，我需要为图像显示另一个滑块。问题是当我滑动图像库时，主幻灯片被激活，反之亦然。我以不同的方式命名每个滑块，但我似乎无法找到一种方法来禁用“大滑块”＆＃39;当我与＆＃39;图片库进行互动时＃39;

这就是我所做的：

<div class="carousel">
  <div>View 1</div>
    <div>Vliew 2
        <div class="carousel2">
            <div>Image 1</div>
            <div>Image 2</div>
            <div>Image 3</div>
        </div>
    <div>
<div>View 3</div>
</div>

目标是当＆＃39; carousel2＆＃39;与之相互作用，不应移动转盘，当转盘1与之交互时，转盘2不应移动。

有关如何实现这一目标的任何想法？ http://jsfiddle.net/q1qznouw/471/

Answer 1

当鼠标与carousel2交互时，您可以强制carousel1停留在当前幻灯片

  $('.carousel').slick();

  $('.carousel2').slick();

  $('.carousel2').on("mousedown mouseup", function() {
    $('.carousel').slick("slickGoTo", 1);
  });

这不是完美的

http://jsfiddle.net/q1qznouw/468/

滑块内的滑动滑块

1 个答案: