Magnific Popup - 忽略图库中的图像答案

【问题标题】：Magnific Popup - Ignore images in galleryMagnific Popup - 忽略图库中的图像
【发布时间】：2015-07-17 09:58:05
【问题描述】：

我正在使用 Slick Slider 和 Magnific 的组合。

光滑的滑块无限循环并包含多个图像，滑块作为一个整体是一个 Magnific 画廊。

Slick 克隆元素以创建无限循环效果并将“slick-clone”类添加到克隆元素中，我需要忽略我的 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>

谢谢，院长

【问题讨论】：

标签： javascript jquery magnific-popup slick.js

【解决方案1】：

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

真正的问题是循环遍历每个画廊并将“容器”重新分配给宏伟的弹出窗口。解决方案是围绕每个模块创建另一个级别的容器。

【讨论】：

【解决方案2】：

关闭光滑轮播中的无限滚动将防止这种情况发生，因为它正在进行克隆。

【讨论】：