Magnific Popup - 忽略图库

时间:2015-07-17 09:58:05

标签: javascript jquery magnific-popup slick.js

我使用了Slick Slider和Magnific的组合。

光滑的滑块位于无限循环上并包含多个图像,滑块作为一个整体是一个Magnific图库。

Slick克隆元素以创建无限循环效果并添加类" slick-cloned"对于克隆元素,我需要忽略Magnific库中的这些克隆元素。

我很难找到关于动态忽略图库中元素的任何文档。有人有主意吗?

我已经尝试过使用如下所示的代理人,但这根本不能提取任何内容。

$('.container').magnificPopup({
   delegate: '.module:not(.slick-cloned) .gal-test',
   type:'image'
});

我的HTML结构

<div class='container'>
<div class='slider-wrap'>
    <div class='slick-slider'>
        <div class='module'><a href='image.jpg' class='gallery gal-test'><img src='' /></a></div>
        <div class='module'><a href='image.jpg' class='gallery gal-test'><img src='' /></a></div>
    </div>
</div>
</div>

谢谢, 迪安

2 个答案:

答案 0 :(得分:1)

在光滑的旋转木马中关闭无限滚动将阻止这种情况,因为这是在进行克隆。

答案 1 :(得分:1)

关闭无限滚动作为快速修复。

真正的问题是通过循环遍历每个图库并将“容器”重新分配给大量弹出窗口引起的。解决方案是在每个模块周围创建另一个级别容器。