带有SVG文档的jQuery

Question

jQuery旨在用于带有JavaScript的HTML页面.

SVG使用与HTML相同的DOM Level 2,但它是基于XML的,并指定ECMAScript.

使用jQuery与SVG可能会出现什么问题？将这样的SVG作为HTML文档中的元素嵌入是否更可取？

注意,我不是指"jQuery SVG"绘图库,它使用jQuery语法将HTML文档中的SVG元素作为图形端口进行操作.我想要的是在SVG元素上使用jQuery选择器和事件管理,SVG根目录可能在HTML内部,也可能不在.

Answer 1

尝试一下，选择器似乎可以工作，但其他功能却不起作用。初始化页面的习惯$( function() { } )用法不起作用，因为 SVG 仅将SVGLoad事件传递到顶部<svg>元素。$('svg').bind('SVGLoad', function(){})不过确实有效。

\n\n

动态添加元素会将.append它们放入 DOM 中，这样它们就不会被渲染，至少在 Firefox 上是这样。即使重新渲染文档（包括不使用 jQuery 动态添加的元素），幻影元素仍然不可见。$().attr(key, value)可以更改属性但不更新屏幕显示。

\n\n

不幸的是，这一切似乎都被打破了。一旦嵌入到 XHTML 文档中，就会有更多功能发挥作用。但诸如上述的缺陷仍然存在，最好使用另一个框架。也许再看看 jQuery SVG\xe2\x80\xa6

\n