jQuery动画效果在Safari中不起作用_Jquery_Animation_Safari

jQuery动画效果在Safari中不起作用

jquery animation safari

jQuery动画效果在Safari中不起作用,jquery,animation,safari,Jquery,Animation,Safari,这件事我一直很紧张我一直在使用jQuery在页面加载时淡入元素。除了在Windows上的Safari 3之外，所有功能都可以在其他地方使用。基本上像.fadeIn、.animation这样的动作不起作用，但是.show和.css起作用编辑：我创建了一个赤裸裸的示例。下面的网页不会像Safari 3 for Windows中预期的那样淡出或淡入 <!DOCTYPE html> <html lang="en"> <head> <!-- Meta

这件事我一直很紧张

我一直在使用jQuery在页面加载时淡入元素。除了在Windows上的Safari 3之外，所有功能都可以在其他地方使用。

基本上像.fadeIn、.animation这样的动作不起作用，但是.show和.css起作用

编辑：我创建了一个赤裸裸的示例。下面的网页不会像Safari 3 for Windows中预期的那样淡出或淡入

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta data -->
    <meta charset="utf-8" />
    <title>Web Designer - Luke Franklin - Bellingen, Coffs Harbour, Mid North Coast</title>


    <!-- Third party js -->
    <script src="files/js/jquery-1.6.1.min.js" type="text/javascript"></script>

    <!-- Custom js -->
    <script type="text/javascript">
        $(window).load(function() {
            alert('Run test...');
            $('#test').fadeOut('slow');
            $('#test').fadeIn('slow');
        });
    </script>
</head>
<body>
    <h1 id="test">Hi</h1>
</body>
</html>


网页设计师-卢克·富兰克林-贝林根，中北海岸科夫斯港
$（窗口）。加载（函数（）{
警报（“运行测试…”）；
$（'测试'）.fadeOut（'慢'）；
$（'测试'）.fadeIn（'慢'）；
});
你好

我在safari 5.1中进行了验证，它工作正常

我的建议是,

将#标题的代码写入css显示为

display:none

然后尝试使用

$（'#header'）.fadeIn（'slow'）
奇怪的是，在重新启动Safari之后，以前不工作的所有东西都开始工作了
我对发生的事感到茫然。似乎不仅仅是IE有时会抛出曲线球。
头是如何声明的，它是否在css或文本中指定了高度和宽度？工作非常完美（虽然css放在css文件中，但这并不重要）。您确定描述的问题正确吗（在Windows 7上使用Safari 5进行了测试）？什么jQuery版本？Safari for Windows或Mac？问得好，但是的，是的。事实上，我已经在很多不同的元素上尝试过了。动画无法在Windows XP上运行period.jQuery 1.6.1和Safari 3。我试图避免设置CSS中隐藏的元素，但我会尝试一下，看看是否有什么不同。CSS似乎没有冲突。