jQuery 的 Cufon 切换 css 可见性仅在 IE8 中失败答案

【问题标题】：Cufon toggle css visibility with jQuery fails only in IE8jQuery 的 Cufon 切换 css 可见性仅在 IE8 中失败
【发布时间】：2011-05-25 15:36:59
【问题描述】：

我正在使用 jQuery 和 cufon 字体替换。它运行良好，但是，我正在编写脚本以消除较慢连接时出现的 FOUC（无样式内容闪存）问题。

为此，我使用 css 将 cufon 替换元素的可见性切换为“隐藏”，然后在文档末尾调用 jQuery 以重新打开可见性。

这适用于我测试过的所有浏览器，除了 IE8

有什么想法会导致 IE8 出现此脚本问题？

<script src="mythemelocation/js/cufon-yui.js" type="text/javascript"></script>
<script src="wp-content/plugins/fonts/Delicious_500-Delicious_700-Delicious_italic_500-Delicious_italic_700.font.js" type="text/javascript"></script>
<script src="wp-content/plugins/fonts/League_Gothic_400.font.js" type="text/javascript"></script>
<script src="wp-content/plugins/fonts/Vegur_400-Vegur_700.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.set('fontFamily', 'League Gothic').replace('h1')('h2')('h4')('.siteTitle')('.tagline');</script>  
<script type="text/javascript"> Cufon.now(); </script>  
<script type='text/javascript'>jQuery(document).ready(function(){jQuery('#accordion-1, .siteTitle,.posttitle,.tagline,h4').css('visibility', 'visible');});</script>
</body>

【问题讨论】：

标签： jquery cufon

【解决方案1】：

使用.show() 代替.css('visibility', 'visible')。

所以你的脚本应该是这样的：

jQuery(function($){$('#accordion-1,.siteTitle,.posttitle,.tagline,h4').show()});

您也不需要为您的内联脚本编写 3 个 <script> 元素。

【讨论】：

感谢您的帮助。我正在使用文档头部的标准 css 来关闭可见性，而不是使用 jQuery hide()。在这种情况下，当我使用 .show() 时，什么也没有发生。
在你的css中尝试display:none而不是visiblity:hidden。
我使用可见性而不是显示来保留正在操作的占位符元素的布局尺寸。