Вход

Просмотр полной версии : fadeIn() - как задать правильно


uExpo
13.08.2011, 21:25
Есть скрипт

$('#status').load('/index/62 a', function() {
$('div#status a').wrap('<div class="us">');
$('div.us').prepend('<div class="r_us">');
$('div.r_us').html('12345');
});

Как правильно прописать параметр .fadeIn(1000) для всей функции

TicTac
13.08.2011, 21:39
Есть скрипт
Как правильно прописать параметр .fadeIn(1000) для всей функции

fadeIn задается не функции, а элементу который нужно показать

если элементу #status, то так

$('#status').load('/index/62 a', function() {
$('div#status a').wrap('<div class="us">');
$('div.us').prepend('<div class="r_us">');
$('div.r_us').html('12345');
}).fadeIn(1000);

uExpo
13.08.2011, 21:44
Ай блин забыл display: none

uExpo
13.08.2011, 21:45
Все разобрался

TicTac
13.08.2011, 21:58
Странно вы код пишете сначала fadeIn потом display: none дописываете.
Логичнее display: none а потом fadeIn :)

devote
13.08.2011, 22:46
fadeIn задается не функции, а элементу который нужно показать

если элементу #status, то так

$('#status').load('/index/62 a', function() {
$('div#status a').wrap('<div class="us">');
$('div.us').prepend('<div class="r_us">');
$('div.r_us').html('12345');
}).fadeIn(1000);
Ахахах ну насмешил, зачем ему пустой див то открывать, наверное логичнее дождаться загрузки котента, а уж потом fadeIn применять. Логичнее тогда так:
$('#status').load('/index/62 a', function() {
$('div#status a').wrap('<div class="us">');
$('div.us').prepend('<div class="r_us">');
$('div.r_us').html('12345');
$(this).fadeIn(1000);
});

TicTac
13.08.2011, 23:17
Ахахах ну насмешил, зачем ему пустой див то открывать, наверное логичнее дождаться загрузки котента, а уж потом fadeIn применять. Логичнее тогда так:
$('#status').load('/index/62 a', function() {
$('div#status a').wrap('<div class="us">');
$('div.us').prepend('<div class="r_us">');
$('div.r_us').html('12345');
$(this).fadeIn(1000);
});
хаха ну насмешил, проблема не решена раз на то пошло

$('div#status a').wrap('<div class="us">');
$('div.us').prepend('<div class="r_us">');
$('div.r_us').html('12345');
$(this).fadeIn(1000);
ваш код не дает гарантию что блок #status готов и его можно показать, зачем ему показывать такой блок.

devote
14.08.2011, 07:00
ваш код не дает гарантию что блок #status готов и его можно показать, зачем ему показывать такой блок.
Кто сказал? Уж мой код явно дает гарантию того что внутри stаtus будут данные до вызова fadeIn(). Не надо из меня делать идиота. Ибо функция вызовется после добавления данных в html элемент.