使用jQuery更改SVG形状的属性

这是我的SVG文件：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500">

<script type="text/javascript" xlink:href="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" xlink:href="js/myscript.js"></script>

<rect id="kilote" x="70" y="70" width="50"  height="50"   style="fill:red"/>

</svg>

我在这里试过这个代码，它很有效

然而，我不能让它在Firefox/Chrome上本地工作

有什么建议吗

---

提前感谢

首先，您应该看看JSFIDLE版本和您的本地版本之间的区别。它们是相同的，唯一的区别是我在哪里包含脚本，您是否将其嵌入HTML文件中，就像在JSFIDLE中一样？或者您正在尝试将其嵌入SVG文件中？我的猜测是，除非您将SVG代码嵌入HTML中，并将脚本加载到标准HTML

script

标记中，否则这是行不通的。谢谢nrabinowitz！你猜是对的。我将SVG文件包装在HTML上，它开始工作。非常感谢。

$(function(){

$('rect[id="kilote"]').attr('width', '150');

});