Не работает fadeIn

361
09 января 2017, 23:10

Я подумал возможно этот метод убрали в новой версии jQuery 3.1.1, но подключив старую версию 1.11.0 всё равно не происходит плавного появления. В чём дело?

$(document).ready(function(){ 
 
$('div').text('Ля-ля') 
        .fadeIn(1000); 
     
});
div{ 
    width: 200px; 
    height: 300px; 
    background: black; 
    color: red; 
}
<!DOCTYPE HTML> 
<html> 
 <head> 
  <meta charset="utf-8"> 
  <title></title> 
   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
  <link href="css/poz.css" rel="stylesheet"> 
  <script src="java/script.js"></script> 
 </head>  
  
 <body> 
     <div></div> 
 </body> 
</html>

Answer 1

Прежде чем объект появился, его надо скрыть.

$('#block').hide().fadeIn()

Если объект изначально виден, анимация пропускается.

$('#block').hide().fadeIn()
#block{ 
background:#000; 
color:red; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id=block> 
  text 
  </div>

READ ALSO
Как правильно впихнуть данные в json?
javascript

Как правильно впихнуть данные в json?

Всем приветПомогите построить структуру json запроса

 320
Не могу разобраться с Owl Carousel [требует правки]
javascript

Не могу разобраться с Owl Carousel [требует правки]

 329
Проблема с нахождением элементов jQuery
jQuery

Проблема с нахождением элементов jQuery

Использую canvas как фон для некого divПри нажатии на "кнопку" отображаются дополнительные объекты и canvas

 351
Почему выводит ничего вместо двойки в данном примере кода?
jQuery

Почему выводит ничего вместо двойки в данном примере кода?

 306