Проблемы с Cufon и IE6 / 7/8 - PullRequest
Новая
       4

Проблемы с Cufon и IE6 / 7/8

1 голос
/ 15 декабря 2010

Я работаю над пересечением этого сайта, но у меня странная проблема с Cufon.Он отлично работает с HTML-элементами, такими как H1, H2 и т. Д., Но совсем не работает с # ID и классами.

Может кто-нибудь предложить какие-нибудь мысли?Заранее спасибо.

1 Ответ

3 голосов
/ 15 декабря 2010

Нет проблем, это легко исправить.Просто измените порядок тегов скрипта в заголовке документа.jQuery необходимо загрузить перед cufon.

Объяснение: Cufon попытается использовать нативный браузер document.getElementsByTagName, если библиотека, подобная jQuery, не обнаружена, даже если библиотека загружена после загрузки Cufon.Сначала загрузив jQuery, Cufon обнаружит его, и все ваши звонки на Cufon.replace(); будут использовать jQuery.

С другой стороны, Holy External HTTP Requests Batman! 

<script src="/www/include/js/cufon.js" type="text/javascript"></script> 
<script src="/www/include/js/aller.js" type="text/javascript"></script> 
<script src="/www/include/js/ebrima.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.form.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.livequery.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.selectboxes.js" type="text/javascript"></script> 
<script src="/jss/jquery/nyroModal/js/jquery.nyroModal.js" type="text/javascript"></script> 
<script src="/jss/jquery/ui-1.7/jquery-ui-1.7.min.js" type="text/javascript"></script> 
<script src="/jss/jquery/jClock/jquery.jclock.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.cp.util.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.bgiframe.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.ajaxQueue.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.thickbox.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.autocomplete.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.timers.js" type="text/javascript"></script> 
<script src="/jss/flash/swfobject.js" type="text/javascript"></script> 
<script src="/jss/jquery/jquery.juitter.js" type="text/javascript"></script> 
<script src="/master/www2/include/js/functions.js" type="text/javascript"></script> 
<script src="/www/include/js/functions.js" type="text/javascript"></script> 
<script src="/master/www2/include/js/load_ready.js" type="text/javascript"></script> 
<script src="/www/include/js/load_ready.js" type="text/javascript"></script> 
<script src="/www/include/js/jquery.simplyscroll-1.0.4.js" type="text/javascript"></script>

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

Кроме того, похоже, что вы используете jQuery 1.3 с плагином LiveQuery.jQuery 1.4 должен иметь возможность обрабатывать все без использования плагина.

Примечание 2:

Все ваши похожие вызовы методов Cufon могут быть объединены водин, и это также будет работать лучше: 

// Instead of this:
Cufon.replace('h1', { fontFamily: 'Ebrima' });
Cufon.replace('h2', { fontFamily: 'Ebrima' });
Cufon.replace('h3', { fontFamily: 'Ebrima' });
Cufon.replace('h4', { fontFamily: 'Ebrima' });
Cufon.replace('h5', { fontFamily: 'Ebrima' });
Cufon.replace('h5', { fontFamily: 'Ebrima' }); // I assume you meant h6 here

// Just do this:
Cufon.replace('h1, h2, h3, h4, h5, h6', { fontFamily: 'Ebrima' });
...