Question

我在我的rails 4应用程序上使用animate.css库进行流畅的css动画，但我只在生产环境中遇到了烦人的错误。

当我执行此javascript代码时：

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

它适用于我的本地机器，我只能使用fadeIn动画类来解决这个问题。这是css opacity，turbolinks或我production environment的问题吗？我做错了什么。

由于

Answer 1

可能需要添加：

 *= 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();
 });

Rails 4动画CSS fadeIn

1 个答案: