drawIntro undefined

Question

我在Windows 7上使用html5，並試圖使用jQuery SVG描述here。

它在html文件中調用以下代碼行。

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

然而，這會導致JavaScript控制檯返回錯誤信息

ReferenceError: drawIntro is not defined 

我一直無法找到有關這個錯誤在網絡上或在那裏suppoed被定義的討論。

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>