简单的javascript jQuery代码在Chrome中运行,而不是Firefox,Safari,IE

时间:2011-08-07 18:54:24

标签: javascript jquery

我有一些简单的jQuery代码:

<script type="text/javascript">
$(document).ready(function() {
    // fade in content.
    $('.coming_soon').fadeIn(5000);
    });
</script>

网站:Classic Car Gallery Test

它在Chrome中运行良好,“即将推出”的图像很好地消失了。不幸的是,这在Firefox,Safari和IE中不起作用。我做错了什么?任何输入,建议或代码片段都将非常感激。

4 个答案:

答案 0 :(得分:3)

我认为在调用fadeIn之前会显示您的图像。 把一些css隐藏你的图像(display:none on .coming_soon)应该做的伎俩

答案 1 :(得分:2)

$('.coming_soon').hide().fadeIn(5000);

答案 2 :(得分:0)

Jquery是一个crossbrowser框架,所以应该可以正常工作。确保您的.coming_soon标记在您的css中设置为display:none;

e.g。

.coming_soon {display:none;}

答案 3 :(得分:0)

你必须先隐藏它:)

display:none是比.hide()更好的解决方案,因为它在加载JS之前发生了

http://jsfiddle.net/Jacek_FH/z3tpS/1/