Question

我在家中使用这个带滑块的基本模板，但是当我为单个图像添加一个简单的fancybox脚本时，fancybox不起作用。

这些js与fancybox重叠了什么？

提前Tnks。

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

Answer 1

找出类似这样的内容的最佳方法是一次注释掉一个脚本，直到找到导致问题的脚本。然后，您可以更仔细地查看该脚本并找出冲突的位置。

pagerAnchorBuilder: pagerFactory

可能有问题。你不想打电话：

pagerAnchorBuilder: pagerFactory(a,b)

带参数？

fancybox和jquery重叠

1 个答案: