我已将fancybox添加到我的网站,但我尝试它的每一种方式都无法正常工作。它只是在新窗口中打开图像!我只调用一次jQuery。我唯一能想到的是它与我网站上的其他JavaScript代码冲突。
当我使用Firebug运行页面时,我收到错误:“类型错误fancybox不是函数”。所有代码都在head标记的末尾。
这是代码:
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script src="js/libs/modernizr.min.js"></script>
<script src="js/libs/jquery.easing.1.3.min.js"></script>
<script src="js/libs/jquery.fitvids.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
<a class="fancybox" rel="group" href="images/linked _big.png"><img src="images/linked.png" alt="linked" /></a>