JQuery исчезает, чтобы не исчезать, просто появляется

Question

Я пытаюсь заставить jQuery-ui div под классом ui.state.alert исчезать на странице, когда она загружается, чтобы пользователи это заметили. Я добавил fadeTo в js-файл, но когда страница загружается, предупреждение только появляется, без эффекта затухания вообще. Я даже убедился, что добавлен атрибут "медленно". Вот HTML-код.

<div class="ui-widget">
    <div class='ui-state-error ui-corner-all' id="serviceAlert" style="opacity: .1">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right:
 .3em;"></span><strong style="color: #1F1F1F">Alert!</strong> Sign Up Services are
currently under construction. Please check back later for further updates.</p>
    </div>
</div>

И вот мой файл jQuery:

$(document).ready(function() {
    $('#serviceAlert').fadeTo(1,'slow');
});

Я добавил следующие сценарии в свой заголовок:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type="text/JavaScript" src="jquery-ui-1.10.4.custom\js\jquery-ui-1.10.4.custom.js"></script>
<script type="text/JavaScript" src="js/script.js"></script>

Answer 1

Первый параметр fadeTo - это длительность, здесь вы должны определить число в миллисекундах медленнее и т. Д. Ваша анимация в настоящее время работает только в течение 1 мс (это немного меньше (-:)).

.fadeTo( duration, opacity [, complete ] )

Вы сделали это наоборот.

Пример:

$('#serviceAlert').fadeTo(1000, 1); //fades in 1sec to opacity 1