Question

我正在使用内容轮播（来自codrops），每个项目都会使用Fancybox打开更多信息。问题是，Fancybox无法打开。我认为可能存在jquery冲突，因为我使用jquery.migrate来使轮播工作。

我的HTML如下：

<a href="#historyslide1" class="fancybox" data-fancybox-group="historygaller"><img src="img/historyslider/1900.jpg" class="img-responsive">
<h3>1900</h3>
<p>Benjamin Bones.... </p>
<span class="historyplus">&nbsp;</span>
</a>

应该打开：

<div id="history-slide1"> class="historyslider">text text</div >

JS是：

$(document).ready(function() {
    $('.fancybox').fancybox({

        closeBtn: false,
        openEffect: 'fade',
        closeEffect: 'fade',
        prevEffect: 'fade',
        nextEffect: 'fade',
        maxWidth: 800,
        loop: false
    });
});

网站位于：http://smmcnyc.com/work/bnc/history.html

Answer 1

使用

修复

<script src="https://code.jquery.com/jquery-git1.min.js"></script>   <script src="https://code.jquery.com/jquery-migrate-git.min.js"></script>

并更新fancybox版本

Fancybox无法打开

1 个答案: