0

私はコンテンツ カルーセル (codrops から) を使用しており、各アイテムは Fancybox で詳細情報を開きます。問題は、Fancybox が開かないことです。カルーセルが機能するために jquery.migrate を使用しているため、jquery の競合が発生する可能性があると考えています。

私の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

4

1 に答える 1

0

を使用して固定

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

ファンシーボックスのバージョンを更新する

于 2015-04-14T17:50:06.267 に答える