Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.09.2011, 13:58
Аспирант
Отправить личное сообщение для virus-07 Посмотреть профиль Найти все сообщения от virus-07
 
Регистрация: 16.12.2010
Сообщений: 41

jquery, удаление элемента после fadeOut();
Хочу элемент плавно растворить, а затем удалить.
С созданием получается append'ить его и плавно показать, но удаляет он его резко.
Если не затруднит, посоветуйте путь решения, пожалуйста.
P.S. прошу извинить, ошибся разделом

Последний раз редактировалось virus-07, 08.09.2011 в 14:04. Причина: Ошибка раздела
Ответить с цитированием
  #2 (permalink)  
Старый 08.09.2011, 16:16
Аватар для crayday
Аспирант
Отправить личное сообщение для crayday Посмотреть профиль Найти все сообщения от crayday
 
Регистрация: 30.08.2011
Сообщений: 61

Нужен код.
fadeOut добропорядочно растворяет элемент, затем callback'ом можно легко его удалить (remove). Пока проблема не ясна.

Также, если случай вдруг совсем странный, иногда помогает обновление библиотеки jquery.
Ответить с цитированием
  #3 (permalink)  
Старый 08.09.2011, 17:22
Аватар для kadabrik
Кандидат Javascript-наук
Отправить личное сообщение для kadabrik Посмотреть профиль Найти все сообщения от kadabrik
 
Регистрация: 10.12.2010
Сообщений: 114

$(selector).fadeOut(function(){$(this).remove()})
Ответить с цитированием
  #4 (permalink)  
Старый 06.04.2012, 15:23
Интересующийся
Отправить личное сообщение для =VNK= Посмотреть профиль Найти все сообщения от =VNK=
 
Регистрация: 23.12.2011
Сообщений: 13

Всем добрый день.
Столкнулся с той же самой задачей. При нажатии на кнопку "Добавить" нужно плавно показать элемент, а затем его "растворить" и удалить из DOM. Код следующий:
$('body').append("<li class='item'>Товар успешно добавлен!</li>");
$('.item').fadeIn(1000).fadeOut(1000);
Данным кодом элемент создается, плавно показывается и "растворяется". Если добавляю метод remove(), элемент не создается и естественно не выводится. Подскажите, каким образом правильно удалить элемент, что бы код работал по описанному выше сценарию?

Последний раз редактировалось =VNK=, 07.04.2012 в 13:14.
Ответить с цитированием
  #5 (permalink)  
Старый 06.04.2012, 17:54
Профессор
Отправить личное сообщение для tadjik1 Посмотреть профиль Найти все сообщения от tadjik1
 
Регистрация: 07.06.2011
Сообщений: 315

$('.item').fadeIn(1000).fadeOut(1000).end().remove ();
Ответить с цитированием
  #6 (permalink)  
Старый 06.04.2012, 18:32
Интересующийся
Отправить личное сообщение для =VNK= Посмотреть профиль Найти все сообщения от =VNK=
 
Регистрация: 23.12.2011
Сообщений: 13

Сообщение от tadjik1 Посмотреть сообщение
$('.item').fadeIn(1000).fadeOut(1000).end().remove ();
Пр использовании данного кода элемент не удаляется . Плавно появляется, исчезает, но не удаляется из DOM. При повторном нажатии кнопки уже появляется два элемента и т.д.
Ответить с цитированием
  #7 (permalink)  
Старый 07.04.2012, 18:17
Профессор
Отправить личное сообщение для tadjik1 Посмотреть профиль Найти все сообщения от tadjik1
 
Регистрация: 07.06.2011
Сообщений: 315

может там пробел лишний перед скобочками?
Ответить с цитированием
  #8 (permalink)  
Старый 07.04.2012, 19:33
Интересующийся
Отправить личное сообщение для =VNK= Посмотреть профиль Найти все сообщения от =VNK=
 
Регистрация: 23.12.2011
Сообщений: 13

Сообщение от tadjik1 Посмотреть сообщение
может там пробел лишний перед скобочками?
Да нет, без пробела тоже самое. Сработало решение, предложенное kadabrik.
$('body').append("<div class='item'>Товар успешно добавлен!</div>");
$('.item').hide();
$('.item').fadeIn(1000).fadeOut(1000, function(){$(this).remove()});

Последний раз редактировалось =VNK=, 07.04.2012 в 23:51.
Ответить с цитированием
  #9 (permalink)  
Старый 22.09.2013, 19:05
Профессор
Отправить личное сообщение для sotik Посмотреть профиль Найти все сообщения от sotik
 
Регистрация: 14.09.2012
Сообщений: 158

fadeOut добропорядочно растворяет элемент,
На чистом js как это сделать добропорядочно.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как добавить текст после элемента? AquaGen jQuery 9 23.08.2011 16:21
как удалить элемент который идет после элемента .form? FRIE jQuery 2 03.06.2011 14:35
Создание элемента DOM в jQuery bartonom jQuery 8 08.05.2011 18:25
Текст после элемента Vulkan Events/DOM/Window 3 15.10.2010 11:59
jQuery, load: замена элемента вырубает js на странице. warobushek AJAX и COMET 0 08.10.2010 07:44