Cufon IE無效參數

好的，我對這個有點難住。我正在用Cufon來替換我的文字，使用非網頁標準字體。這是我用過的一個劇本，過去從來沒有遇到過問題。隨着IE來臨，它決定毀了我的一天。Cufon IE無效參數

我使用的是最先進的最新版本的Cufón的（在這篇文章的日期），我引用了一些不同的充元素在我的的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>

不知道這是引用多個不同字體的最佳方式，但它在所有瀏覽器欄中工作正常IE（特定爲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

我調查的Cufónjs文件，這似乎只是一個D.replaceChild參考之前。現在我遠離JS專家，所以我不知道是什麼導致了這個問題...

僅供參考，通過測試的方式，我試圖刪除所有欄的第一個Cufon.replace(...參考（即上述代碼）看看這是不是我的糟糕的編碼，但這並沒有解決它。

任何建議將不勝感激！在此先感謝您的閱讀，如果需要提供更多信息，我很樂意。

來源

2011-09-06 Sheixt

btw還有另一種字體js參考上面我貼的代碼，看起來像我錯過了複製和粘貼！ – Sheixt

爲什麼所有這些腳本標記？所有這些'Cufon'行可以在一個''元素內。 – epascarello

你可以讓cufon-yui.js在某處看到嗎？ – epascarello

好吧，我想我已經找到了靈魂（各種各樣）......並且可能是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！？！？，如果你修改第一LINEIN上面的代碼如下澄清，將出現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中的錯誤？

希望這可以幫助別人！

來源

2011-09-11 15:31:16 Sheixt

Cufon IE無效參數

回答

相關問題