Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   fadeIn() - как задать правильно (https://javascript.ru/forum/misc/20687-fadein-kak-zadat-pravilno.html)

uExpo 13.08.2011 21:25
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');
});


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

TicTac 13.08.2011 21:39
Цитата:
Сообщение от uExpo (Сообщение 120369)
Есть скрипт
Как правильно прописать параметр .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
Цитата:
Сообщение от TicTac (Сообщение 120374)
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
Цитата:
Сообщение от devote (Сообщение 120382)
Ахахах ну насмешил, зачем ему пустой див то открывать, наверное логичнее дождаться загрузки котента, а уж потом 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
Цитата:
Сообщение от TicTac
ваш код не дает гарантию что блок #status готов и его можно показать, зачем ему показывать такой блок.
Кто сказал? Уж мой код явно дает гарантию того что внутри stаtus будут данные до вызова fadeIn(). Не надо из меня делать идиота. Ибо функция вызовется после добавления данных в html элемент.


Часовой пояс GMT +3, время: 01:57.