我在Rails 4应用程序上使用animate.css库进行平滑的CSS动画处理,但仅在生产环境中才遇到烦人的bug。

当我执行此javascript代码时:

$('#test').addClass('animated fadeInRight');


它可以在我的本地计算机上运行,​​并且仅在fadeIn动画类中出现此问题。
css opacityturbolinks或我的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();
 });

10-05 20:19
查看更多