jQuery的淡入进行追加元素

Question

我wanto以淡入仅追加元素

我尝试用这个

$("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()返回参考容器元素新元素被添加。

Answer 2

试试这个：

$(msg.template).appendTo('ul#contentwall').hide().fadeIn(300).promise().done(function(){}); 

Answer 3

试试这个

$（msgtemplate）.appendTo（$（ “＃UL内容墙”））隐藏（）淡入（500）。

Answer 4

有了您的帮助，并与用户IRC的帮助（科克）：

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

我有一个错误，而不过滤

Uncaught TypeError: Cannot set property 'cur' of undefined 

因为数组中的第一个元素是一个文本节点

fadeIn do $(template).eq(0) [textnode] .fade => crash 
fadeIn do $(template).eq(1) [li] .fade => would work 

Filter do（科克斯说）： 它需要数组并循环并给出你与匹配选择，并作为textNodes元素不匹配选择应该与*

更新工作的新数组 使用jQuery 1.10.1我没有错误

Uncaught TypeError: Cannot set property 'cur' of undefined