我正在尝试将 javascript 插入到我的 svg 中，但我不知道在哪里添加它。答案

【问题标题】：I am trying to insert javascript to my svg, but i dont know where to add it.我正在尝试将 javascript 插入到我的 svg 中，但我不知道在哪里添加它。
【发布时间】：2018-11-17 12:49:36
【问题描述】：

我已经插入了一些 javascript 代码，但我知道它不完整。我只想知道把它放在哪里才能让它变得活跃。这是我拥有的弗吉尼亚州一个县的 svg，我正试图让它淡入淡出页面。这个网站要求我提供更多信息，但我觉得我已经尽我所能。另外，这是我拥有的完整代码，仅此而已。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="84.470001"
height="48.330002"
sodipodi:version="0.32"
inkscape:version="0.48.2 r9819"
sodipodi:docname="va.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
id="svg3127"
transform="translate(200,-100) rotate(10)"
>
**<script type="text/javascript">
 $(function() {
  $("#visible".click(function() {
    $('#invisible').toggleClass("show");
  });
 });

</script>
<style>

.hide{display:none;}
.show{display:block;}
 </style>**
<metadata
 id="metadata3129">
<rdf:RDF>
  <cc:Work
     rdf:about="">
    <dc:format>image/svg+xml</dc:format>
    <dc:type
       rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  </cc:Work>
 </rdf:RDF>
</metadata>
<defs
 id="defs3131" />
<sodipodi:namedview
 fill="#A9A9A9"
 pagecolor="#ffffff"
 bordercolor="#666666"
 borderopacity="1"
 objecttolerance="10"
 gridtolerance="10"
 guidetolerance="10"
 inkscape:pageopacity="0"
 inkscape:pageshadow="2"
 inkscape:window-width="1366"
 inkscape:window-height="716"
 fit-margin-top="0"
 fit-margin-left="0"
 fit-margin-right="0"
 fit-margin-bottom="0"
 inkscape:zoom="6.4335112"
 inkscape:cx="38.957601"
 inkscape:cy="17.76589"
 inkscape:window-x="-8"
 inkscape:window-y="-8"
 inkscape:window-maximized="1"
 inkscape:current-layer="svg3127"
 id="namedview3133"
 showgrid="false" />
<path
 style="font-size:12px;fill:#d0d0d0;fill-opacity:1;fill- 
rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke- 
linejoin:bevel;stroke-miterlimit:4;stroke-opacity:1;stroke- 
dasharray:none;marker-start:none"
 d="m 78.821553,15.007566 3.672,-1.249 -0.347,0.984 -0.789,1.297 
-0.279,0.055 -0.082,0.058 -0.026,0.032 -0.032,0.035 -0.063,0.077 -0.04,0.064 
-0.041,0.063 -0.037,0.058 -0.139,0.289 -0.18,0.476 -0.298,1.362 -0.035,0.248 
-0.258,2.872 0.041,0.112 -0.514,0.23 -0.883,0.068 -0.068,-0.046 
-0.041,-0.095 0.014,-0.031 0.059,-0.041 0.081,-0.135 -0.053,-0.523 
-0.569,-0.23 -0.975,0.29 -0.058,-0.109 -0.012,-0.068 0.062,-0.495 
 0.091,-0.321 0.672,-2.001 0.468,-0.689 0.162,-0.217 0.047,-0.094 
 0.17,-0.506 0.008,-0.157 -0.058,-1.018 0.33,-0.645"
 id="Accomack"
 inkscape:connector-curvature="0" />
</svg>

【问题讨论】：

您正在编写 jquery 代码，但尚未包含 jquery 库。
好的，我现在看到了，但它的位置是否正确？我需要以某种方式把它放在 ???
没有和这样的东西
Including JavaScript in SVG的可能重复

标签： javascript html css svg

【解决方案1】：

回答您的具体问题：<script> 元素可以放在 SVG 中的任何位置。放在哪里并不重要。

你有它，应该可以工作。删除星号并解决缺少 jQuery 脚本的问题后。

【讨论】：