滑块内的滑动滑块

我为移动网站使用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”与互动，转盘不应该被移动，当carousel1与互动，carousel2应保持不动。

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

来源

2016-07-29 Crashtor

它是一个好主意，张贴用你的代码链接到一个[jsfiddle]（http://www.jsfiddle.net），它可以让人们更快地探究你的问题。 –

嗨 - 这就是我所做的： http://jsfiddle.net/q1qznouw/471/ 这里的问题是，现在轮播1是完全禁用... – Crashtor

你可能会迫使carousel1留在当前的幻灯片时，鼠标与carousel2互动

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

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

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

这是不完美的，虽然

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

来源

2016-07-29 19:17:44

滑块内的滑动滑块

回答

相关问题