我可以在 JQuery 中追加到，但让它淡入而不是立即出现吗？答案

【问题标题】：Can I appendTo in JQuery, but have it fade in rather than instantly appear?我可以在 JQuery 中追加到，但让它淡入而不是立即出现吗？
【发布时间】：2011-09-10 01:57:56
【问题描述】：

具体来说，我有一个 JQuery 模板，我正在使用 .tmpl 将它附加到一个 div 中。我的代码是：

$("#" + this.templateID).tmpl({ results: resultsArray }).appendTo("#" + this.targetID);

这会破坏 div 末尾的模板。但是，我想将其淡入。我不想在页面上创建额外的 div。

理想情况下，我想做的是将模板化数据添加到页面，然后选择最外面的元素并将其设置为不显示，以便它不可见。然后让它淡入，以便生成的标记与页面上已有的其他项目无缝匹配。

任何想法如何做到这一点？

【问题讨论】：

标签： jquery jquery-templates

【解决方案1】：

先添加.hide()，添加后使用.fadeIn()。

因此：

$("#" + this.templateID)
    .tmpl({ results: resultsArray })
    .hide()
    .appendTo("#" + this.targetID)
    .fadeIn();

【讨论】：