2015-07-30 4 views
-1

Эй, как я могу добавить что-то в другой класс с анимацией fadein с javascript?Javascript .append with fadein?

Моя попробовать

success:function(data){ 
     $(".new_posts").append(data); 
     $(".new_posts").fadeIn(); 
     } 

И как я могу проверить в JS, когда Textbox пуст?

Спасибо :)

+0

Не могли бы вы попробовать чтобы объяснить вашу проблему больше? Что значит «добавить» с «fadein»? – azium

+0

.fadeIn - это функция Javascript для анимации или смешения во что-то как не буй есть ... как показано на дисплее. –

+0

Я знаю, что такое 'fadeIn' jQuery, но я не знаю, о чем вы спрашиваете. – azium

ответ

1

Вы можете использовать функцию appendTo().

$('<div style="display:none">Content to append and reveal</div>').appendTo($('#selector')).fadeIn();

Для входа используйте только

if ($('#input-field')).text() == '') { ... }

+0

Спасибо большое :) Я получаю Div из запроса Ajax, поэтому надеюсь, что он работает с переменной? –

+0

+ Не работает. Добавляет данные, но он не исчезает в –

+0

+ ваш вход не работает тоже ... –

1

элемент, который вы добавления должны быть скрыты по умолчанию.

el.append('<div class="hidden">..</div>') 

CSS:

.hidden { 
    display: none; 
} 

И потому, что браузер должен фактически добавить элемент, прежде чем угасание его следует завернуть его в setTimeout

setTimeout(function() { 
    $('.hidden').fadeIn() 
}) 

Codepen