Cufon切换jQuery的CSS可见性仅在IE8中失败

问题描述

|| 我正在使用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>

    

解决方法

使用

.show()

代替

.css(\'visibility\',\'visible\')

。 因此，您的脚本应如下所示：

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

同样，您不需要为内联脚本编写3个4元素。