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>

无法在Firefox上尝试使用jQuery SVG

1 个答案: