我正在对这个网站进行重新设计,但对 Cufon 有一个奇怪的问题。它与 H1、H2 等 html 元素完美配合,但与#ID 和类完全不兼容。
任何人都可以提供任何想法吗?提前致谢。
没问题,这个很容易解决。只需在文档头部重新排序您的脚本标签。jQuery 需要在 cufon 之前加载。
解释:如果没有检测到像 jQuery 这样的库 ,Cufon 将尝试使用浏览器的本机document.getElementsByTagName
,即使库是在Cufon加载后加载的。通过首先加载 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 托管的 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' });