无法让FancyBox工作

时间:2011-08-17 01:31:32

标签: jquery html css fancybox prettyphoto

一开始,fancybox工作了。但是当我加入网站时,它完全失败了,我不知道我哪里出错了。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>         
</script>          
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>          
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".fancyImg").fancybox();
});
</script>

<div id="About-MichaelP"><p>Website made by: <a class="fancyImg" href="#MichaelP">Michael Podsiadly</a></p></div> 

<div style="display: none;">
<div id="MichaelP" class="Hide">
<h1>About Michael Podsiadly</h1>
<p></p>
</div>
</div>

提前谢谢你。这让我感到很累,我甚至不能再思考了。

1 个答案:

答案 0 :(得分:0)

嘿,看起来你没有设置锚标记的类

$("a.group") 

指的是具有“group”类的锚标签。

尝试将群组类添加到您的链接:

<a href="#1" class="group">

OR

可能是你试图将jQuery库包含两次。这可能会导致错误。

OR

我经常这样做:可能是文件位置错误。有“js”文件夹吗?文件实际上在那里。 CSS文件是否正确附加? CSS中引用的图像是相对于html文件还是CSS?回答这些问题的最好方法是在Firefox中打开源代码并按照指向js和css文件的链接...