Cufon IE 无效参数

Question

好吧，我对这个有点难住了。我正在使用 Cufon 将我的文本替换为非网络标准字体。这是我用过很多次的脚本。过去从未遇到过问题。 IE 出现了，它决定毁了我的一天。

我正在使用最新版本的 cufon（截至本文发布之日），并且在我的 header.php 文件（对于 WordPress 网站）中引用了许多不同的元素：

    <script type="text/javascript" language="javascript" >Cufon.replace('.learnmore', { color: '#fff', textShadow: '1px 1px #0e1b0a', hover: { textShadow: '1px 1px #000',  color: '#fff'   }   });     </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('.logo span, h1, h2, h4 , h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});   </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('.h-title', { textShadow: '1px 2px #5C1003' });     </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('h1', { color: '-linear-gradient(white, #ececec)', textShadow: '#862905 0 2px'});   </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/pondera/js/cufon/Vegur.font.js?ver=1.0.0'></script>
    <script type="text/javascript" language="javascript" >Cufon.replace('h3, #serv-benefit h4, p.quote, #letstalk label', { fontFamily: "Vegur"});  </script>
    <script type="text/javascript" language="javascript" >Cufon.replace('#letstalk label', { fontFamily: "Vegur", textShadow: '1px 2px #293719' }); </script>

不确定如果这是引用多种不同字体的最佳方式，但它在所有浏览器（特别是我当前正在运行的v.8.0.7）中工作正常。 IE 给出如下错误报告：

网页错误详细信息：

消息：参数无效。 线路：7 字符：8520 代码：0 URI： http://localhost /wordpress/wp-content/themes/pondera/js/cufon/cufon-yui.js?ver=1.0.0

我调查了 Cufon js 文件，这似乎就在D.replaceChild 参考。现在我距离JS专家还很远，所以我不知道是什么导致了这个问题...

仅供参考，通过测试，我尝试删除第一个 Cufon.replace(...< /code> 参考（即上面的代码），看看这是否是我的糟糕编码，但这并没有解决它

任何建议将不胜感激！提前感谢您阅读本文，我会。如果需要的话，很乐意提供更多信息。

Answer 1

好吧，我想我已经找到了一个灵魂（某种意义上）......并且可能是 Cufon 本身的一个错误（尽管如果我错了，我不会感到惊讶！）。

正如 Epascarello 所建议的，我证明了代码的布局可以减少脚本标签的数量：

    <script type="text/javascript" language="javascript" >
        Cufon.replace('.logo span, h1, h2, h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});
        Cufon.replace('h1', { color: '-linear-gradient(white, #ececec)', textShadow: '#862905 0 2px'});
        Cufon.replace('.learnmore', {   color: '#fff', textShadow: '1px 1px #0e1b0a', hover: { textShadow: '1px 1px #000',  color: '#fff'   }});
        Cufon.replace('.h-title', { textShadow: '1px 2px #5C1003' });
    </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/pondera/js/cufon/Vegur.font.js?ver=1.0.0'></script>
    <script type="text/javascript" language="javascript" >
        Cufon.replace('h3, #serv-benefit h4, p.quote, #letstalk label', { fontFamily: "Vegur"});
        Cufon.replace('#letstalk label', { fontFamily: "Vegur", textShadow: '1px 2px #293719' });
    </script>

在执行此操作时，我花了一些时间在插入代码时按顺序测试代码，以查看错误何时发生。在此期间，我测试了每个选择器和一切正常，其中之一... h4!?!?澄清一下，如果将上面代码中的第一行修改为以下内容，则会出现 IE 错误：

        Cufon.replace('.logo span, h1, h2, h4, h5, h6, .learnmore, .prosto_button, .comment-reply-link, .slide_button, .page_title .bold p, .textonlycont, .h-title', { fontFamily: "Aller"});

奇怪吧？！我使用的灵魂是修改我的标记以避免 H4 标签，但大概这是 Cufon 中的错误？

希望这对某人有帮助！