Question

我有一个简单的启动页面，我想在一个div中淡出。出于某种原因，我无法在Safari中使用它。在safari中它只显示$（document）.ready（function（）{和下面的图片，但就是这样，没有效果。

在FF和Chrome中运行良好。

$(document).ready(function(){
        $("#image").hide().fadeIn(3500)
});

以下完整资料来源：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Sample</title>

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>


<style type="text/css">
<!--
#image {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -300px;
} 
-->
</style>

<script type="text/javascript" />
    $(document).ready(function(){
            $("#image").hide().fadeIn(3500)
    });
</script>

</head>

<div id="image"><img src="14.png" alt="Sample" /></div>


<body>
</body>
</html>

Answer 1

<script type="text/javascript" />
    $(document).ready(function(){
            $("#image").hide().fadeIn(3500)
    });
</script>

需要

<script type="text/javascript" >
    $(document).ready(function(){
            $("#image").hide().fadeIn(3500);
    });
</script>

您在第一行添加了额外的'/'

Answer 2

尝试链接事件，类似于以下内容：

$(document).ready(function(){
        $("#image").hide('fast', function() {
             $(this).fadeIn(3500);     
        });
});

Jquery Fade In在Safari中不起作用

2 个答案: