jquery - 未使用 JQuery 加载外部 SVG 文件

Question

我正在尝试使用 JQuery 在 HTML5 中加载简单的 svg 文件。但我似乎没有在我的页面中获得这种效果。请帮我解决这个问题。

我已经浏览并找到了方法，但它对我不起作用。请参阅下面的代码：

SVG 文件：（Sample.svg）

<?xml version="1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red" />
</svg>

脚本：

$(document).ready(function(){
 $('#svgfile').svg({loadURL: 'Sample.svg'});
}

MyHtml.html：

<div id="svgfile" style="background:#9b0141;width:400px; height: 400px;">

Answer 1

$('#svgfile').svg({loadURL: 'Sample.svg'});不是有效的 jQuery，除非你使用了一些你没有提到的插件。

尝试

$('#svgfile').load('Sample.svg');