javascript - Shadowbox似乎不起作用

我有一个XHTML 1.0 Strict文档，试图在其中运行Shadowbox。

<!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">
  <head>
    <meta name="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test page</title>
    <link rel="stylesheet" type="text/css" href="shadowbox.css" />
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="shadowbox.js"></script>
    <script type="text/javascript">
      Shadowbox.init();
      console.log('Howdy there!'); // displays, so no JS error in Shadowbox.init
    </script>
  </head>
  <body>
    <p>
      <a href="image.jpg" title="Howdy" rel="shadowbox">
        <img src="image.jpg" alt="Click to zoom." />
      </a>
    </p>
  </body>
</html>

根据我的Firefox扩展，该文档完全有效。

由于某种原因，Shadowbox似乎无能为力。当我单击图像链接时，浏览器将照常打开图像。完全没有盒子。

我试过不加载JQuery，而只加载Shadowbox，但这没有帮助，所以也不是JQuery的错。顺便说一下，这是Shadowbox 3.0b。有任何想法吗？

编辑：我只是在想... Shadowbox做一些内部魔术来找出它的路径。但是，此页面是完全静态的，可以直接从磁盘上的文件加载。这可能是问题吗？在DOM中查看，我发现Shadowbox.path正确设置为“ file：/// C：/ ...”，所以可能不是吗？

最佳答案

您需要（必须具有）showbox.zip中包含目录showbox.js的所有目录，因为showbox会向页面添加其他脚本。

关于javascript - Shadowbox似乎不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1277299/

ShadowBox

javascript - Shadowbox似乎不起作用