Javascript fancybox和jquery重叠

我在家里使用这个带滑块的基本模板，但当我为单个图像添加一个简单的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>

$（文档）.ready（函数（）{
$（'.mp滑块'）。循环({
传呼机：“#mp pags”，
超时：7000，
pagerAnchorBuilder:pagerFactory
});
功能页面工厂（索引、幻灯片）{
变量标题=[]
标题[0]=$（“#mp pags cont li:eq（0）”）。文本（）
标题[1]=$（“#mp pags cont li:eq（1）”）。文本（）
标题[2]=$（“#mp pags cont li:eq（2）”）。文本（）
返回“
”；
}; 
$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});
});

用类似的方法找出问题的最佳方法是每次注释一个脚本，直到找到导致问题的脚本。然后，您可以更仔细地查看该脚本并找出冲突所在

pagerAnchorBuilder: pagerFactory

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

pagerAnchorBuilder: pagerFactory(a,b)

对于参数？

第二个ready（）方法可能与cycle（）的结束括号重叠。。。实际上，您可以将所有pulgin初始化封装在一个ready（）方法中。