Javascript .append with fadein?

Javascript .append with fadein?

本文关键字：fadein with append Javascript      更新时间：2023-09-26

嘿，我怎么能添加一些东西到另一个类与淡出动画与javascript ?

我试一试

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

我怎么能检查在JS当一个文本框是空的?

谢谢

可以使用appendTo()函数

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

输入只需使用

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

添加的元素默认是隐藏的

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

.hidden {
  display: none;
}

因为浏览器需要在元素淡出之前附加元素，所以你应该用setTimeout

包裹它
setTimeout(function () {
  $('.hidden').fadeIn()
})

Codepen

相关文章：