【发布时间】：2011-08-17 01:31:31
【问题描述】：
起初，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>
提前谢谢你。这让我很累，我什至无法思考。
【问题讨论】：
-
sigh 请 (a) 将您为我们提供的 sn-p 缩短到重现问题所需的最低限度 (b) 然后更具体“完全失败”
-
对不起。我不知道。我所说的完全失败的意思是，在我添加了幻灯片并更改了网页的 css 之后，我尝试添加了幻想框，以便在单击幻灯片时它可以工作。所以我测试了它，什么也没发生。当它是一张图片时，它只是将我导航到新标签或新窗口中的该图片。
-
我看到的第一件事是你给你的链接类
FancyImg，而你的JS引用.fancyImg——很确定它是区分大小写的。先解决这个问题，然后再联系我们。 编辑：实际上你的大小写不一致... -
另外，
<a href应该指向图像的全尺寸版本。我不知道你为什么把它链接到#1。这也与你所说的正在发生的不一致；如果 JS 失败，它会将您带到该锚点（在同一页面上）而不是新页面。 -
也许再读一遍这个fancybox.net/howto，然后再试一次，尝试隔离问题并使用像 Firebug 这样的调试器。
标签： jquery html css fancybox prettyphoto