我试图在 ui.state.alert 类下获得一个 jQuery-ui div,以便在加载时淡入页面,以便用户注意到它。我已经在 js 文件中添加了 fadeTo,但是当页面加载时,警报只是出现,根本没有淡入淡出效果。我什至确保添加了“慢”属性。这是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>