我正在研究此网站的外观,但是Cufon遇到了一个奇怪的问题。它与H1,H2等html元素完美配合,但与#ID和类完全不兼容。

谁能提供任何想法?提前致谢。

最佳答案

没问题,这个很容易修复。只需在文档的开头对脚本标签重新排序。需要在cufon之前加载jQuery。

说明:如果未检测到类似jQuery的库,即使在Cufon加载后加载了库,Cufon也会尝试使用浏览器的本机document.getElementsByTagName。通过首先加载jQuery,Cufon将检测到它,并且您对Cufon.replace();的所有调用都将使用jQuery。

附带一提,神圣的外部HTTP请求蝙蝠侠!

<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's hosted CDN jQuery库。

另外,您似乎正在使用带有LiveQuery插件的jQuery 1.3。 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' });

关于jquery - Cufon和IE6/7/8的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4451015/

10-11 12:14