Question

我不能让Fancybox工作。我已经阅读了fancybox网站上的说明一百万次而且它不起作用。我的图像加载就像没有fancybox一样。这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>
  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
  <script type="text/javascript">
    $(document).ready(function() {
    $(".fancybox").fancybox();
    });
  </script>
</head>

<body>
    <a href="img/test.jpg"><img src="img/test.jpg" /></a>
</body>
</html>

Answer 1

检查fancybox href属性和src属性，它们指向root，这样你就需要删除第一个斜杠/

<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />

Answer 2

将class =“fancybox”添加到 a 标记中。像这样：

<a href="img/test.jpg" class="fancybox"><img src="img/test.jpg" /></a>

你正在使用 $（'。fancybox'），这使得jQuery寻找fancybox类。

简单的Fancybox不工作，遵循发球台的指示。请看我的代码

2 个答案: