Javascript 淡入附加元素

我在一段时间内将DOM附加到某个元素，我希望它淡入，但它似乎是先消失，然后消失，然后才运行淡入

var el = document.getElementById('cont');
el.innerHTML = '';
var toAppend = getElementsToAppend();
$(el).hide().append(toAppend).fadeIn(300);

---

我应该如何顺利地做到这一点？

首先，您似乎混合了原生JS和jQuery方法。我建议尽可能坚持其中一种。还要注意，您是在

$（el）

上调用

fadeIn（）

，而不是在附加到DOM的内容上调用

假定

elementsToAppend（）

返回一个doElement数组，您可以将它们全部放在一个jQuery选择器中，并在追加后调用

fadeIn（）

之前对它们调用

hide（）

。试试这个：

var $toAppend = $(getElementsToAppend()).hide();
$('#cont').empty().append($toAppend);
$toAppend.fadeIn(300);

---

你能给

一个
显示：无在附加它之前，然后淡入？尝试添加
display:none；'添加到
#cont`元素，而不是对jQuery隐藏它。