我正在尝试在我的网站（http://fancyapps.com/fancybox/）中实现一个灯箱。我的 index.php 头标签中有这段代码。
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.5"></script>
我有这个javascript。
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
我的主页像这样包含在我的索引中
<?php include 'pages/home.php'; ?>
在 home.php 中有这段代码。
<a class="fancybox" rel="group" href="images/logo.png"><h4>Title 2</h4></a>
当我单击标题 2 时，它只会打开一个带有正确图像的新选项卡。关于导致问题的原因有什么想法吗？