Jquery选择svg文本，但css不适用

Question

我首先尝试textillate让它与snap.svg一起使用。 Jquery正在正确地选择文本，甚至正确地修改它。在查看Textillate之后，我发现它在内部使用animate.css来制作动画。所以，我决定直接使用animate.css来查看它是否有效。

代码例如。 ：

var text = s.text(500,500,"sample text");
text.attr({
fontSize :44,
fill : 'red',
 "id" : "myText"
});

然后： - ＆gt;

$(document).ready(function(){
   $("svg").ready(function(){
 $('#myText').text("hello");
$('#myText').addClass('animated bounceOutLeft'); //animate.css part
});
});

Animate.css和Textillate在普通的html元素上工作正常。因为，jquery正确选择svg文本元素甚至更改文本，我不确定代码的哪一部分存在问题。

更多信息：

1）从直接css中，我添加了＆＃34; class＆＃34;并在css中设置属性，如颜色等，它可以工作。

2）如果我添加＆＃34; class＆＃34; ：＆＃34;动画bounceOutLeft＆＃34;直接在svg中，它的工作原理。

编辑：

jsfiddle：

http://jsfiddle.net/s2tw7rkc/