Могу ли я добавить в JQuery, но он появляется, а не появляется сразу?

Question

В частности, у меня есть шаблон JQuery, и я использую .tmpl, чтобы добавить его в div.Мой код:

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

Это разбивает мой шаблон в конце div.Тем не менее, я хочу добавить это. Я не хочу создавать дополнительный div на странице.

В идеале я хотел бы добавить шаблонные данные на страницу и выбрать самый внешний.элемент и установите его, чтобы отображать ни один, чтобы он появился невидимым.Затем скажите, чтобы оно появилось, чтобы полученная разметка плавно соответствовала другим элементам, уже находящимся на странице.

Есть идеи, как это сделать?

Answer 1

Добавьте сначала .hide() к нему и используйте .fadeIn() после добавления.

Таким образом:

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