Cufon + jQuery испортится на IE

Question

Я скорее новый в этом, и я действительно вне решения здесь. Сейчас я настраиваю тему Opencart для своих потребностей.

это сайт: http://lasarito.ro/lenjerie-de-pat.

Он работает безупречно на Chrome и FF, однако IE все испортил. В моем исследовании я понял, что библиотека sizzle, встроенная в jQuery, не знакома с Cufon, поэтому я предполагаю, что именно поэтому IE бросает кучу ошибок javascript и испортил рендеринг.

Еще одна проблема, с которой я не могу окунуться, - это то, почему, когда я использую firebug для отображения HTML, все перепутано, css и js входят в раздел тела вместо головы, как они появляются в источнике.

Любые идеи? Thanks

Answer 1

В проекте, над которым я работал, я добавил вызов Cufon.replace в обработчике событий документа jQuery. Я хотел бы дать, что попробовать:

$(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' }); 
}); 

Это жизненно важно, что JQuery включен, прежде чем Cufon и что Jquery по окончании загрузки. Cufon полагается на механизм выбора jQuery для селекторов, включая больше, чем просто тэги (например, классы, идентификаторы и т. Д.). Я узнал, что старые браузеры (< ie 9) здесь очень чувствительны.

Другая вещь, которую вы можете попробовать это шаг 4 на https://github.com/sorccu/cufon/wiki/Usage:

Шаг 4 - Сделайте Internet Explorer ведет себя

К сожалению, одна проблема остается с Internet Explorer. В большинстве случаев перед заменой текста происходит короткая, но заметная задержка. Вы можете избежать этой проблемы, вставив следующий фрагмент правой перед закрывающим тегом (или перед любыми внешними сценариями, такие как Google Analytics):

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