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

我试图在Firefox上试验SVG。由于我使用jQuery，所以我想至少试用jQuery SVG。我目前在Windows 7 Home Premium上使用Firefox 3.6.12。在尝试开始使用Firefox上的jQuery SVG时遇到问题

当我访问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 canvas，但是我希望能够拥有我的手在他们做出决定之前，他们都是如此。）

来源

2010-11-08 Joe Mabel

下载的代码中有一些错误。如果从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>

来源

2010-11-08 23:06:08

谢谢！男人，你会认为他们会测试一次下载。这在任何机器上都无法正常工作。 – 2010-11-09 00:52:14

我同意。当样本的作者没有去验证压缩样本不起作用时，这很烦人。（是的，有时候我自己也犯了这个错误。） – 2010-11-09 18:23:03

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

回答

相关问题