Question

我正在使用jQuery以及cufon字体替换。它工作得很好，但是，我正在编写脚本来消除较慢连接上的FOUC（无格式内容的闪现）问题。

为此，我使用css将cufon替换元素的可见性切换为“hidden”，然后在文档的末尾，我调用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>

Answer 1

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

所以你的脚本看起来像这样：

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

此外，您不需要为内联脚本编写3个<script>元素。

使用jQuery的Cufon切换css可见性仅在IE8中失败

1 个答案: