jquery - Fancybox 打不开

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