javascript - drawIntro 未定义

Question

我在 Windows 7 上使用 html5 并尝试使用此处描述的 jQuery SVG 。

它在 html 文件中调用以下代码行。

<script type="text/javascript">jQuery(function ($) {$('#svgintro').svg({onLoad: drawIntro});});</script>

但是，这会导致 JavaScript 控制台返回错误消息

ReferenceError: drawIntro is not defined

我一直无法在网络上找到有关此错误的讨论或应该在哪里定义它。

Answer 1

您缺少一个功能drawIntro。它应该如下所示。我刚刚使用了您提到的页面中给出的示例代码。这应该有效。主要问题是您没有定义函数。仅通过复制该功能也可能有效。希望这可以帮助

<div id="svgintro"></div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.svg.js"></script>
<script type="text/javascript">
$('#svgintro').svg({onLoad: drawIntro});
function drawIntro(svg) { 
    svg.circle(75, 75, 50, 
        {fill: 'none', stroke: 'red', strokeWidth: 3}); 
    var g = svg.group({stroke: 'black', strokeWidth: 2}); 
    svg.line(g, 15, 75, 135, 75); 
    svg.line(g, 75, 15, 75, 135); 
}
</script>