具体来说,我有一个JQuery模板,我使用.tmpl将它附加到div。我的代码是:
$("#" + this.templateID).tmpl({ results: resultsArray }).appendTo("#" + this.targetID);
这会在div的末尾敲打我的模板。但是,我想淡入它。我不想在页面上创建额外的div。
理想情况下,我想要做的是将模板化数据添加到页面,并选择最外面的元素并将其设置为none,以使其显示为不可见。然后告诉它淡入,因此生成的标记与页面上已经存在的其他项无缝匹配。
任何想法如何做到这一点?
答案 0 :(得分:9)
首先添加.hide()
并在添加后使用.fadeIn()
。
因此:
$("#" + this.templateID)
.tmpl({ results: resultsArray })
.hide()
.appendTo("#" + this.targetID)
.fadeIn();