Question

我是jquery的新手，所以我道歉，因为我确信这非常容易。花了半天试图解决这个问题仍然没有在哪里。

我正在运行另一个jquery脚本并且它正在正常运行。我尝试添加fancyfox，它只是无法正常工作。我甚至试图创建它自己的页面只是为了看看我是否可以让它工作，没有这样的运气。我真的不知道我做错了什么。我粘贴了下面的页面代码。非常感谢任何帮助。我也在使用Dreamweaver并注意到其他jquery的.js文件已附加。我不知道我是如何附加它们的，但是我没有看到fancybox的.js文件。

    <!-- The JavaScript -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>      
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

    <script type="text/javascript" src="jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
    <script type="text/javascript">
        $(function() {
            $('ul.nav a').bind('click',function(event){
                var $anchor = $(this);
                /*
                if you want to use one of the easing effects:
                $('html, body').stop().animate({
                    scrollLeft: $($anchor.attr('href')).offset().left
                }, 1500,'easeInOutExpo');
                 */
                $('html, body').stop().animate({
                    scrollLeft: $($anchor.attr('href')).offset().left
                }, 1000);
                event.preventDefault();
            });
            $(".fancyimg").fancybox();
        });
    </script>
</body>

Answer 1

首先

其中一行是不必要的

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>      
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

我建议你删除secend one，因为那些行包括jquery lib 但第一个包括最后一个版本，第一个包括版本1.4

现在尝试此测试以查看是否已加载“fancybox”

编写此代码

  alert($(".fancyimg").fancybox);

如果它提醒您未定义或为空，则表示未包含fancybox框。如果它提醒你你的代码行很好。问题不在于它可能包含在html css中，或者你没有正确定义fancybox。

无法让fancybox工作

1 个答案: