jquery - 在 handlebars js 中使用 CSS(或 Jquery)为新的 "content"设置动画

标签 jquery css handlebars.js

我真的是 handlebars.js 的新手,也许这是一个简单的问题,但我无法弄清楚。

当我使用 $('#content').html(html); 发送新数据时,有没有办法为模板设置动画?

类似于 CSS3 过渡或 jQuery 动画。

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

谢谢

最佳答案

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

我所做的是首先使用 jQuery 的 .hide() 在 handlebar 代码之后隐藏 #content DIV。当 handlerbar 完成后,我使用 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
}

关于jquery - 在 handlebars js 中使用 CSS(或 Jquery)为新的 "content"设置动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37709005/

相关文章:

javascript - 更改选择选项值时的 jQuery ajax post

html - 使用 bootstrap css 将两个 div 水平并排居中对齐到页面

javascript - 滚动检查内部div时如何卡住div

javascript - Handlebars 增加档次

node.js - 比较 Handlebars 的 block 助手

javascript - 有了 HTML 表格,如何使用 HTML、CSS 和 JavaScript 在仅显示特定行之间切换

php - 如何禁止从 cakephp 的下拉列表中选择一个或多个选项?

javascript - 为什么我的js函数不起作用?

css - Bootstrap 4 - 无列换行

javascript - 特定对象实例的自定义函数 - 我有什么可能性?