постепенное появление jQuery, не работающее
Может кто-то говорить мне, что я делаю неправильно:
стиль:
.warning{border: 1px solid #F0AAAA; background:#FFBABA; color: #C90000;}
разметка:
<p class="warning">A successful authorization already exists.
Further authorizations are not allowed at this time.</p>
сценарий:
$().ready(function () {
alert($(".warning").html()); // WORKS
$(".warning").fadeIn(4000); // DOESN'T WORK
});
3 ответа
Если элемент не скрыт, исчезновение не произойдет, вам понадобится что-то вроде этого:
$(".warning").hide().fadeIn(4000);
Вы можете попробовать здесь , также $ () устарел в 1.4+, вам следует использовать $ (document) или более короткую версию, например:
$(function() {
$(".warning").hide().fadeIn(4000);
});
Альтернативой является предоставление элементу display: none изначально , но this перерывы для пользователей с отключенным JS или если возникают ошибки JavaScript, препятствующие исчезновению, поэтому вы можете избежать этого подхода.
Я склонен думать, что вы хотите, чтобы какое-то мероприятие было организовано для фадина. см. рабочий пример здесь: http://jsfiddle.net/hPHPn/
Таким образом:
$(document).ready(function(){
$(".warning").hide();// hide it initially
$('#unhideit').click(function(){
$(".warning").fadeIn(4000); });
});
для некоторой простой разметки:
<p class="warning">A successful authorization already exists
for this Quote ID. Further authorizations are not allowed at this time.</p>
<input type="button" id="unhideit" value="clickme" />
добавить display: none в ваш код css.
.warning{border: 1px solid #F0AAAA; background:#FFBABA; color: #C90000;display:none}