Jquery Fade In не работает в Safari - PullRequest
Новая
       2

Jquery Fade In не работает в Safari

1 голос
/ 07 апреля 2011

У меня есть простая заставка, которую я хочу исчезнуть в одном div.Почему-то я не могу заставить его работать в 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>

Ответы [ 2 ]

2 голосов
/ 07 апреля 2011 
<script type="text/javascript" />
    $(document).ready(function(){
            $("#image").hide().fadeIn(3500)
    });
</script>

Должен быть 

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

Вы добавили дополнительные '/' в первой строке

1 голос
/ 07 апреля 2011

Попробуйте связать события в цепочку, как показано ниже: 

$(document).ready(function(){
        $("#image").hide('fast', function() {
             $(this).fadeIn(3500);     
        });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...