我在Rails 4应用程序上使用animate.css
库进行平滑的CSS动画处理,但仅在生产环境中才遇到烦人的bug。
当我执行此javascript代码时:
$('#test').addClass('animated fadeInRight');
它可以在我的本地计算机上运行,并且仅在fadeIn动画类中出现此问题。
css opacity
,turbolinks
或我的production environment
是否有问题?我在做什么错。
谢谢
最佳答案
可能是您必须添加:
*= require_tree .
到您的application.css文件中。
您还可以做的是:等待dom加载。
$(function() {
$('#test').addClass('animated fadeInRight');
});
您是否已预编译资产?
在生产中,您可以执行以下操作:
$ RAILS_ENV=production bundle exec rake assets:precompile
然后运行服务器。
source
更新:
可能是所有课程加起来了。
让我们尝试之后将其删除。
$(function() {
var test = $('#test');
test.removeClass();
test.addClass('animated fadeInRight');
test.removeClass();
test.addClass('animated fadeOutRight');
test.removeClass();
});