Jquery Fade In 在 Safari 中不起作用答案

【问题标题】：Jquery Fade In not working in SafariJquery Fade In 在 Safari 中不起作用
【发布时间】：2011-04-07 11:43:53
【问题描述】：

我有一个简单的启动页面，我想在单个 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>

【问题讨论】：

你能包含整个 HTML 吗？ Safari 不应该显示脚本。

标签： javascript jquery html safari

【解决方案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>

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

【讨论】：

就是这样！盯着它太久了，甚至没有注意到。谢谢！

【解决方案2】：

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

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

【讨论】：