Question

【在线等】jquery通过append添加的svg标签无法显示

jquery通过append添加的svg标签无法显示出来，但是在firebug里是可以看到的，只不过字是虚的。用is(:hidden)查看了下得出的结果是true。用show()方法也显示不了。哪位大神告诉我怎么办。
添加<svg>标签是不隐藏的。但是往svg标签里添加东西就是隐藏的了

Answer 1

首先，jquery是操作普通xhtml的，对应svg这种特殊的标签，或者说xml，浏览器如何区分，当然是通过命名空间：namespaceURI,比如普通html的是http://www.w3.org/1999/xhtml，而svg也有自己的命名空间:http://www.w3.org/2000/svg，jquery在操作的时候没有加以区分，因此导致了这样的错误。怎么办，使用setAttributeNS创建svg标签即可。

其次，我们创建大量标签的时候，喜欢innerHTML=template这种方式，svg也可以，应该说大部分浏览器都可以，可是有些浏览器不可以，我们就需要自己提供兼容的innerSVG方法了。

最后，关于上面说的二点，你都可以对比这个例子。

Answer 2

svg是xml文档，html的xhtml文档，两种格式从理论上来讲是不一样的，所以直接用js操作html的语法应用到svg，是不起作用的。即使使用appendChild等语法也不会显示出来。
可以使用innerHTML的做法，将svg字符串拼到你的容器上。

Answer 3

你调用show（）的dom对象是不是选择错了。你先通过控制台看一下，调用show的dom对象是否正确。要不就是你写的东西太乱了，有覆盖和兼容问题，你最好理一下自己的代码。不行你就去试着改css样式。

追问

我页面上什么都没有。只有整个body只有一个svg，我静态添加的标签都没问题，动态添加的都显示不出来。css默认不是都是显示的么。

追答

下个火狐浏览器，按F12慢慢排查吧，没遇到过这种情况

追问

我上面都说了用firebug再查了。。。。。。。。。。

Answer 4

同问，请问最后怎么解决的？