尝试在 Firefox 上开始使用 jQuery SVG 时遇到问题

Question

我正在尝试在 Firefox 上使用 SVG。由于我使用的是 jQuery，我至少想尝试一下 jQuery SVG。我目前在 Windows 7 Home Premium 上使用 Firefox 3.6.12。

当我访问http://keith-wood.name/svgBasics.html 时，演示对我来说效果很好。但是，当我通过单击http://keith-wood.name/svg.html 上的“立即下载”按钮下载时，将 ZIP 解压缩到我自己机器上的文件夹中，然后尝试运行相同的演示，SVG 似乎没有任何作用（这包括初始应该在没有用户交互的情况下运行）。

根据 Firefox，服务器将页面提供为 MIME 类型“text/html”（不是，例如“text/svg+html”），所以这没有什么不同。

欢迎任何见解；当然，我最想听听任何有相同经历并找到解决方法的人。

（对于任何可能关心的人，我还没有决定我最终是否会使用 jQuery SVG 或 Raphael，甚至是否真的会使用 SVG 或 HTML5 画布，但我想亲自动手所有这些都在做出决定之前。）

Answer 1

下载的代码中存在一些错误。如果你从 zip 文件中打开 svgBasics.html，你会看到：

<style type="text/css">
@import "css/jquery.svg.css";

#svgbasics { width: 400px; height: 300px; border: 1px solid #484; }
</style>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.svg.js"></script>

在 zip 存档中，没有 css 或 js 目录。其次，不包括 jQuery。如果将 svgBasics.html 中的上述行替换为该行，则该示例有效。 （在 FF4b6 和 Chrome9 中测试。）

<style type="text/css">
@import "jquery.svg.css";

#svgbasics { width: 400px; height: 300px; border: 1px solid #484; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.svg.js"></script>