Cufon + jQuery搞砸了IE

Question

我在这方面比较陌生，在这里我真的无法解决。 现在，我正在自定义Opencart主题以适应我的需求。

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

它可以在Chrome和FF上完美运行，但是IE却使一切混乱。 在我的研究中，我了解到嵌入在jQuery中的izzizzle库不是Cufon的朋友，所以我想这就是IE抛出大量JavaScript错误并弄乱渲染的原因。

我无法确定的另一个问题是为什么当我使用Firebug显示HTML时，所有内容都混乱了，css和js包含在主体部分中，而不是出现在源代码中的头部。

有任何想法吗？ 谢谢

Answer 1

在我从事的项目中，我在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等）。 我发现较旧的浏览器（<即9）在这里非常敏感。

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

步骤4 –使Internet Explorer正常运行

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

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