用jquery向dom中添加svg元素，为什么不显示 10
用jquery往<svg>标签中append<path>标签，但是页面上不显示svg元素，但是若手动在浏览器审查元素中重新粘贴之前append的标签，则新的path和旧的...
用jquery往<svg>标签中append <path>标签，但是页面上不显示svg元素，但是若手动在浏览器审查元素中重新粘贴之前append的标签，则新的path和旧的会一起显示出来，求解这是为什么，附代码：
var svg = $("<svg xmlns='http://www.w3.org/2000/svg' version='1.1'></svg>");
svg.css("width", 200px) .css("height", 200px);
$("[name='frame']").append(svg);
var s = "<path d='M10,10 L10,20 L20,20 z' style='fill:rgb(235,252,121); fill-opacity:1; stroke:black; stroke-width:1' />";
svg.append(s); 展开
var svg = $("<svg xmlns='http://www.w3.org/2000/svg' version='1.1'></svg>");
svg.css("width", 200px) .css("height", 200px);
$("[name='frame']").append(svg);
var s = "<path d='M10,10 L10,20 L20,20 z' style='fill:rgb(235,252,121); fill-opacity:1; stroke:black; stroke-width:1' />";
svg.append(s); 展开
2个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
var svg = $ ("<svg xmlns='http://www.w3.org/2000/svg' version='1.1'></svg>");
svg.css (
{
"width" : "200px",
"height" : "200px"
});
var s = $ ("<path d='M10,10 L10,20 L20,20 z' style='fill:rgb(235,252,121); fill-opacity:1; stroke:black; stroke-width:1' />");
svg.append (s);
$ ("[name='frame']").append (svg);
});
</script>
</head>
<body>
<iframe name="frame"></iframe>
</body>
</html>
更多追问追答
追问
试了一下，这样写还是一样不显示，同样的问题
追答
不知道咯，不知道你的svg的工作原理是什么咯，也不知道你的iframe是否牵涉到跨域要用的服务器咯。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
重写svg的父元素。$(fa).html($(fa).html());
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
