不能让fancybox工作

我是jquery的新手，所以我很抱歉，因为我确信这太容易了。花了半天的时间试图找出这个问题，仍然没有得到。不能让fancybox工作

我有另一个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>

来源

2011-08-07 Jon

让我们从脚本开始包括。你确定这些文件正在被加载吗？你得到任何JavaScript错误？您使用的选择器是“.fancyimg”，它表示您正在使用.fancyimg类查找ahref元素。你有这个元素吗？ –

第一这些线路的所有

一个是不必要的

<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之一，因为那些线包括了jQuery的lib 但第一个包括最后一个版本和第二个包含版本1.4

现在之后你可以做个试验，看看是否“的fancybox”加载

写这段代码

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

，如果它提醒您未定义或为空它一个标志，不包括的fancybox框。如果它提醒你的代码行很好。和问题是不包括它可能在HTML CSS或者你没有正确定义fancybox。

来源

2011-08-07 09:37:11 ygaradon

不能让fancybox工作

回答

相关问题