在 handlebars js 中使用 CSS（或 Jquery）为新的 "content" 设置动画

Question

我是 handlebars.js 的新手，也许这是一个简单的问题，但我想不出来。

当我使用 $('#content').html(html); 发送新数据时，有没有办法让模板动画化？

类似于 CSS3 过渡或 jQuery 动画。

我不知道这是否可能，如果可以，在哪里做。

谢谢

Answer 1

这与 handlebar.js 关系不大……这是一个更笼统的 javascript/css 问题。例如，您可以尝试使用 animate.css 和 jquery：只需将 class 弹跳动画添加到 div 容器即可。

Answer 2

好吧，我被否决了，但我认为我的回答会对其他人有所帮助。

我所做的是首先使用 jQuery 的 .hide() 在车把代码后隐藏 #content DIV。处理栏完成后，我使用 JQuery 的 .show:

重新显示 div

function animals(){
    $('#content').hide('fast'); // ANIMATED CLASS REMOVED
    showTemplate(categories_template,animals_data); // Handlbars stuff
    $('#content').show('fast'); // ANIMATED CLASS RE ADDED
}

在 handlebars js 中使用 CSS（或 Jquery）为新的 "content" 设置动画

Animate new "content" with CSS (or Jquery) in handlebars js

css

jquery

handlebars.js