Question

我一直在拔头发。

我一直在使用jQuery来淡化页面加载中的元素。除了 Windows 3上的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>

Answer 1

我在safari 5.1中验证过，它运行正常。

我的建议是，

将#header的 css 代码写为display:none

然后尝试使用$('#header').fadeIn('slow');

Answer 2

奇怪的是，在重新启动Safari之后，之前无效的一切都开始工作了。

我对正在发生的事情感到茫然。看起来不仅IE有时会抛出曲线球。

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

2 个答案: