从svg类别引用单独的Javascript文件

我想为我的onclick事件使用svg组件的javascript函数（它位于单独的js文件中）。我试过从我的svg节点中引用文件，但是我收到一个错误，提示函数undefined。它确实表示脚本标记内的src属性未被声明。从svg类别引用单独的Javascript文件

我尝试将scr更改为xlink:href并将xmls:xlink属性添加到svg中，但我遇到了同样的问题。

如果我在svg节点中添加函数，它可以正常工作。

如何以及在哪里引用带我想调用的函数的js文件？

这是我的SVG文件的内容。我想调用的方法是在另一个文件中的ShowContextMenu（）。

<svg class="SystemOverview" id="m" currentScale="1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 900 500"> 

<svg class="p21" componentType="Valve2Way" onclick="ShowContextMenu()">  
    <line x1="73" y1="40" x2="73" y2="45" stroke = "black"></line> 
    <line x1="73" y1="62" x2="73" y2="66" stroke = "black"></line> 
    <polygon id="p21IN" points="65,43 73,53 80,43" stroke="black" fill="white"></polygon> 
    <polygon id="p21OUT" points="65,62 73,53 80,62" stroke="black" fill="white"></polygon> 
    <polygon id="p21ALERT" points="60,40 85,40 85,66 60,66" stroke="none" stroke-width="2" fill="none"></polygon> 
</svg>

来源

2013-12-20 ee0jmt

我们需要查看有问题的代码。请编辑问题并添加它。 –

你应该看看这个答案 - http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-with-javascript?lq=1 –

外部Javascript角应放置在<head>部分。其余的代码看起来是正确的。

<html> 
    <head> 
     <script type="type="text/javascript" src="path/to/file.js"></script> 
    </head> 
    <body> 
     ... 
    </body> 
</html>

来源

2013-12-20 17:50:51

从svg类别引用单独的Javascript文件

回答

相关问题