0

ホームでスライダー付きのこの基本的なテンプレートを使用していますが、単一の画像に単純な fancybox スクリプトを追加すると、fancybox が機能しません。

これらの js のうち、fancybox と重複しているものは何ですか?

    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/superfish.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.cycle.all.min.js"></script>

    <!-- Add mousewheel plugin (this is optional) -->
    <script type="text/javascript" src="/lib/jquery.mousewheel.pack.js?v=3.1.3"></script>

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="/source/jquery.fancybox.js?v=2.1.5"></script>
    <link rel="stylesheet" type="text/css" href="/source/jquery.fancybox.css?v=2.1.5" media="screen" />

    <!-- Add Button helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
    <script type="text/javascript" src="/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

    <!-- Add Thumbnail helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
    <script type="text/javascript" src="/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

    <!-- Add Media helper (this is optional) -->
    <script type="text/javascript" src="/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $('.mp-slider').cycle({
                pager: '#mp-pags',
                timeout:7000,
                pagerAnchorBuilder: pagerFactory
                });
            function pagerFactory(index, slide) {
                var titles = []
                titles[0] = $("#mp-pags-cont li:eq(0)").text()
                titles[1] = $("#mp-pags-cont li:eq(1)").text()
                titles[2] = $("#mp-pags-cont li:eq(2)").text()
            return '<li><a href="#">'+(titles[index])+'</a></li>';
            }; 

$(document).ready(function() {
        $(".fancybox").fancybox();
    });
        });
    </script>
4

1 に答える 1

0

このような問題を解決する最善の方法は、問題の原因となっているスクリプトが見つかるまで、一度に 1 つのスクリプトをコメントアウトすることです。次に、そのスクリプトを詳しく調べて、競合がどこにあるかを突き止めます。

pagerAnchorBuilder: pagerFactory

問題になる可能性があります。電話したくないですか：

pagerAnchorBuilder: pagerFactory(a,b)

パラメータで？

于 2013-09-18T21:04:39.273 に答える