Question

我正在尝试在我的网站（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时，它只会打开一个带有正确图像的新标签。有关导致问题的原因是什么？

Answer 1

检查他们使用的fancybox网站中的doctype：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

灯箱在新页面中打开

1 个答案: