0

这是我写的代码：

<?xml version="1.0" standalone="no"?>

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

    <circle cx="50" cy="50" r="50" id="cir" fill="green" onclick="showFrame()"/>

    <script xlink:href="jQuery.js" language="JavaScript"></script>

    <script type="text/ecmascript"><![CDATA[

        function showFrame() {
            alert($("#cir"));
        }
    ]]></script>
</svg>

如果 jquery 可以工作，我可以看到警报，但什么也没有。

我哪里写错了？

4

2 回答 2

3

一旦我从 CDN 包含 jQuery 库，它就对我有用。

您确定jQuery.js存在于正确的目录中吗？

<?xml version="1.0" standalone="no"?>

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

    <circle cx="50" cy="50" r="50" id="cir" fill="green" onclick="showFrame()"/>

    <script xlink:href="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

    <script type="text/ecmascript"><![CDATA[

        function showFrame() {
            alert($("#cir"));
        }
    ]]></script>
</svg>
于 2013-04-26T10:18:01.227 回答
1

在我看来，这不是你想要做的。将 JS 逻辑与 SVG 混合。你也不会用 HTML 和 JS 做这个（至少你不应该）

<?xml version="1.0" standalone="no"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
width="100" height="100">
    <circle cx="50" cy="50" r="50" id="cir" fill="green" onclick="showFrame()"/>
</svg>

然后就像你在 HTML 中的某个地方经常做的那样

<body>
...
<script>
   $("#cir").on("click", function(){alert($("#cir");});
</script>
</body>
于 2013-04-26T10:30:05.663 回答