3

Fancybox のスライドショーが 1 回しか機能せず、停止します。私が言えることは、何かが壊れたためにループバックしていないということです。「拡張機能」のページに移動して試してみると、そこでも機能していないことがわかります..または少なくとも私にとっては。

<!-- Add Fancybox library -->
<script type="text/javascript" src="http://www.Website.com/+Fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="/+Fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-buttons.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-thumbs.css" />
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript" src="http://www.Website.com/+Fancybox/helpers/jquery.fancybox-media.js"></script>

<!-- Fancybox Properties -->
<script>
$(document).ready(function() {

    $.noConflict();

        $('.fancybox').fancybox({
        padding     :  0,
        prevEffect  : 'fade',
        nextEffect  : 'fade',
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        autoPlay    : 'true',
        mouseWheel  : 'true',
        helpers     : {
            buttons : {},
            title   : {
                    type: 'outside'
            }
        }
    });
});
</script>

レスポンシブ Fancybox: http://www.fancyapps.com/fancybox/

Google Chrome: v24.0.1312.57

4

2 に答える 2

4

jQuery 1.9.xを使用している場合、バグがあることを確認できます

Fancybox v2.1.3は、ここで確認できるように、jQuery1.9.xを使用して壊れていました。その後、jQuery v1.9.xで動作するようにv2.1.4がリリースされましたが、buttonsヘルパーjsファイルにもパッチを適用する必要があるようです。

回避策として、jQueryv1.8.3にロールバックできます。

jQuery1.8.3を使用して動作するJSFIDDLEを参照してください。

jQuery1.9.1を使用して壊れたJSFIDDLEを参照してください。

PS。githubで問題を開きました

**更新：

この問題は最後のコミットで修正されました（fancyappsホームページのサンプルでもダウンロード可能なファイルでも更新されていません）

于 2013-02-21T18:28:25.513 に答える
0

これが問題の原因かどうかはわかりませんが、設定した場合は、次の代わりにjQuery.noConflict();使用する必要があります。jQuery$jQuery('.fancybox').fancybox({...

于 2013-02-21T16:55:59.260 に答える