XML in HTML with FadeIn-Effects

我目前正在制作不同语言的不同文本的横幅。横幅必须是HTML (+CSS)和JS/jQuery。我考虑过使用XML作为多语言部分。

这是我的html(它的一部分):

<script type="text/javascript" language='javascript' src='./js/jquery-2.1.0.js'></script>
<script type="text/javascript" language="javascript" src='./js/xmltranslation.js'></script>
<script type="text/javascript" language='javascript' src='./js/jquery.lettering.js'></script>
<script type="text/javascript" language='javascript' src='./js/jquery.textillate.js'></script>
.
.
.
<h1 id="title" class="tlt" data-in-effect="fadeInLeft"></h1>

我对XML文件的解决方案是根据jQuery完成的:

$(function() {
var filename = location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
filename = filename.split(".")[0];
var language = 'de';
$.ajax({
    url: 'content.xml',
    success: function(xml) {
        $(xml).find(filename).each(function(){
            var id = $(this).attr('id');
            var text = $(this).find(language).text();
            $("#" + id).html(text);
        });
    }
});

});

到目前为止效果很好。它在正确的容器中显示正确的短语。

但是我想使用"fadeInUp"等效果，在jquery.textillate.js库(https://github.com/jschr/textillate)中找到。

效果很好，如果我在标签中有文本:

<h1 id="title" class="tlt" data-in-effect="fadeInLeft">Test</h1>

测试正在平稳地消退。但是由于XML解析的原因，它无法工作。我认为，XML解析是在页面加载之后完成的，而Fade在页面呈现时生效。

有没有更好的解决方案?我已经考虑过用jQuery或JS解析XML，并将整个页面放在-Tag之间，并使用

输出html部分。

document.write

但是因为我公司里其他只有基本html技能的人也要处理这些文件，我更喜欢另一种解决方案。

或者有人知道另一个淡出效果库吗?

编辑:

我的解决方案(添加JQuery XML解析):

$("#" + id).html(text).hide().fadeIn(1000)

setTimeout(function(){
$('foo').addClass(animate fadeIn);
},100);