javascript - 附加元素的 jQuery FadeIn

Question

我只想淡入附加元素

我尝试一下

$("ul#content-wall").append(msg.template).hide().fadeIn(300).promise().done(function () {
});

或

$("ul#content-wall").hide().append(msg.template).fadeIn('normal').promise().done(function () {

但是在整个容器中隐藏和淡出，我只想隐藏和淡入

'msg.template'

谢谢

更新

我尝试这样做

$(msg.template).hide().appendTo('#content-wall').fadeIn(300).promise().done(function () {});

但是我有这个错误:

Uncaught Error: Syntax error, unrecognized expression: <li class="result_search">168foo</li> 

我的console.log(msg.template)

<li class="result_search"> 168 foo </li>

我的console.dir(msg.template)

   <li class="result_search">
        168
        foo
    </li>

Answer 1

使用.appendTo()获取对新附加元素的引用，然后对其进行动画处理

$(msg.template).hide().appendTo('#content-wall').fadeIn(300).promise().done(function () {});

.append()返回对添加新元素的容器元素的引用。