JQuery .fadeIn не работает

Question

Я работаю на веб-сайте, и я хочу текст исчезать в каждый раз, когда я открыть веб-страницу, так что я сделал что-то вроде этого:

$(document).ready(function() { 
    $('#title').fadeIn(100); 
}); 

Я создал пролет с идентификатором из 'title', тогда я использовал CSS, чтобы дать ему непрозрачность 0, но это не работает.

Благодаря

Answer 1

Удалите вашу непрозрачности CSS и использовать display:none:

HTML

<h1 id="title" style="display:none">Whoa!</h1> 

JS

$(document).ready(function() { 
    $('#title').fadeIn(500); 
}); 

Fiddle

Answer 2

Я, наконец, нашел проблему. Это в HTML код:

Вместо этого

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

код должен выглядеть следующим образом

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

Answer 3

Вместо манипуляциями с непрозрачностью скрыть элемент:

#title{ 
    display:none; 
} 

Еще одна вещь, которую вам нужно исправить - это длительность fadeIn. Вы должны указать его в миллисекундах, и что-то быстрее, чем 500 миллисекунд, не будет видно человеческому глазу. Я хотел бы предложить собирается с 1 полной секунды, чтобы пользователи могли оценить переходный эффект:

$(document).ready(function() { 
    $('#title').fadeIn(500); 
});