Javascript .append与fadein？

Question

嘿我怎么能用javascript的fadein动画将其他东西附加到其他类？

我的尝试

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

当Textbox为空时，如何检查JS？

谢谢:)

Answer 1

您可以使用appendTo（）函数。

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

输入只需使用

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

Answer 2

默认情况下，您要附加的元素必须隐藏。

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

CSS：

.hidden {
  display: none;
}

并且因为浏览器需要在淡化它之前实际附加元素，所以应该将其包装在setTimeout

中

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

Codepen