Javascript 在chrome浏览器中，印地语渲染不正确

我有一个url，其中我以印地语和英语（混合）格式呈现内容

内容在firefox和IE borwser上是正确的，但在chrome浏览器中显示圆圈

---

但当我把我的页面内容复制到谷歌翻译页面时，它会以正确的格式显示出来

我检查了你的链接。该页面上的印地语文本由包含单个字母的

元素组成。如果您在每个

中添加一个单词，而不是单个字母，它将呈现得非常完美。印地语（Matra）的元音不能没有字母使用，这就是为什么在你的页面上用圆圈来支持每个Matra的原因

编辑： 尝试此函数使其工作

function setText(){
    $('p.calibre2').each(function(){
        var $this = $(this);
        var text = '';
        $this.find('span').each(function(){
            text += $(this).text();
        });
        $this.html($('<span/>').append(text));
    });
}
setText();

函数setText（）{
$（'p.calibre2'）。每个（函数（）{
var$this=$（this）；
var text=''；
$this.find（'span'）。每个（函数（）{
text+=$（this.text（）；
});
$this.html（$（''）.append（text））；
});
}
setText（）；

谢谢，它正在工作，但为什么它在firefox和IE中工作。实际上，我无法改变这种行为，因为我是从一些文件源获得它的。