Cufon + jQuery在IE上搞砸了

时间:2012-04-30 17:21:48

标签: jquery internet-explorer cufon sizzle

我相当新闻,我真的没有解决方案。 现在我正在定制一个Opencart主题以满足我的需求。

这是网站:http://lasarito.ro/lenjerie-de-pat

它在Chrome和FF上完美无瑕,然而IE会搞砸一切。 在我的研究中,我了解到嵌入在jQuery中的sizzle库并不是Cufon的朋友所以我想这就是为什么IE会抛出一堆javascript错误并混淆渲染。

另一个我无法理解的问题是,为什么当我使用firebug来显示HTML时,一切都搞砸了,css和js包含在body部分而不是头部,因为它们出现在源代码中。 / p>

有什么想法吗? 谢谢

1 个答案:

答案 0 :(得分:0)

在我参与的项目中,我在jQuery的文档就绪事件处理程序中添加了Cufon.replace调用。我会尝试一下:

$(document).ready(function () {
    Cufon.replace('h1,.name, h2,.box .box-heading', { fontFamily: 'Josefin Sans Std Light' });
    Cufon.replace('.price-range', { fontFamily: 'Helvetica CE 55 Roman' });
});

在Cufon和jQuery完成加载之前包含jQuery是至关重要的。 Cufon依赖于jQuery的选择器引擎,包括不仅仅是标记名(即类,ID等)。我发现旧的浏览器(< ie 9)在这里非常敏感。

您可以尝试的另一件事是https://github.com/sorccu/cufon/wiki/Usage上的第4步

  

第4步 - 让Internet Explorer运行

     

不幸的是Internet Explorer仍然存在一个问题。多数情况   例如,在替换文本之前有一个短暂但可见的延迟。   您可以通过向右插入以下代码段来避免此问题   在结束标记之前(或在任何外部脚本之前)   Google Analytics):

<script type="text/javascript"> Cufon.now(); </script>