Куфон И.Е. Неверный аргумент - PullRequest
Новая
       9

Куфон И.Е. Неверный аргумент

2 голосов
/ 06 сентября 2011

Хорошо, я немного озадачен этим.Я использую 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>

Не уверен, что это лучший способ ссылаться на несколько разных шрифтов, но он отлично работает во всех браузерах панели 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

Я исследовал файл Cufon js, и, похоже, это было перед ссылкой D.replaceChild.Сейчас я далеко не эксперт по JS, поэтому понятия не имею, что вызывает эту проблему ...

Просто для справки, в качестве теста я попытался удалить все столбцы первой ссылки Cufon.replace(... (т.е. приведенный выше код), чтобы увидеть, если это было мое плохое кодирование, но это не исправило это.

Любые предложения будут с благодарностью! Заранее спасибо за чтение этого, я быбудьте рады предоставить больше информации, если это потребуется.

1 Ответ

0 голосов
/ 11 сентября 2011

Хорошо, я думаю, что нашел душевное увлечение (своего рода) ... и, возможно, ошибку в самом Cufon (хотя я не удивлюсь, если я ошибаюсь!).

Как предположил Эпаскарелло,Я доказал расположение моего кода на меньшее количество тегов сценария: 

    <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?

Надеюсь, это кому-нибудь поможет!

...