滑块内的光滑滑块答案

【问题标题】：Slick slider within slider滑块内的光滑滑块
【发布时间】：2016-07-29 18:43:23
【问题描述】：

我正在将 slick.js 滑块用于移动网站，用户可以在其中滑动/滑动从一个视图到另一个视图。

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

这是我所做的：

<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>

目标是当与'carousel2'交互时，carousel不应该移动，当与carousel1交互时，carousel2不应该移动。

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

【问题讨论】：

用您的代码发布指向jsfiddle 的链接是个好主意，这样人们可以更快地深入了解您的问题。
嗨 - 这就是我所做的：jsfiddle.net/q1qznouw/471 这里的问题是现在轮播 1 已完全禁用...

标签： javascript jquery slick.js

【解决方案1】：

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

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

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

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

这并不完美

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

【讨论】：