Html 动态添加SVG元素时将不会设置动画

我试图实现SVG元素的动画，同时使用jQuery为其动画添加动态DOM。 我使用JS生成DOMs，所以HTML页面没有任何用于此动画的元素。 当我动态添加它时，动画将不会在Chrome16中启动，但它与FF8一起工作

动画的完美之处在于我移除了用JS生成的动态DOM，并将它们静态地放入HTML页面

我在以下网站为其创作了小提琴：

我将一个svg dom静态放入HTML页面，然后用jQuery在document ready上克隆了该元素， 在这个场景中，稍后添加的JS将根本不会设置动画！！这适用于FF

请帮忙

谢谢，

---

Chetan.

动画情感标签中有一个chrome bug，这是一个长期存在的问题

请参阅此处的错误报告

在chrome中，要想在保持svg dom的同时解决这个问题，已经没有什么办法了

---

希望这能有所帮助。

animateMotion标签中有一个chrome错误，这是一个长期存在的问题

请参阅此处的错误报告

在chrome中，要想在保持svg dom的同时解决这个问题，已经没有什么办法了

---

希望这有助于..

注意，我发现了chrome可能存在的另一个bug，它是这样的，如果我用JS动态创建SVG only元素，它将不会动画，事实上，还有一个问题，如果SVG是用JS on document ready动态创建的，它将工作！！！我已经为非工作状态创建了fiddle:，工作状态：我在使用过滤器时动态添加svg时也遇到了问题！试着从你的css和内联（如果有）中删除过滤器，看看这是否有区别。我没有在页面中使用任何css。注意，我发现chrome可能还有另一个bug，它是这样的，如果我用JS动态创建SVG only元素，它将不会动画，事实上，还有这样的问题，如果svg是用JS on document ready动态创建的，那么它就可以工作了！！！我已经为非工作状态创建了fiddle:，工作状态：我在使用过滤器时动态添加svg时也遇到了问题！尝试从css和内联中删除过滤器（如果有的话），看看这是否有区别我在页面中没有使用任何css