jquery - Rails 4 动画 CSS 淡入

Question

我在我的 Rails 4 应用程序上使用 animate.css 库来实现流畅的 css 动画，但我只在生产环境中遇到了一个烦人的错误。

当我执行这段 javascript 代码时:

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

它在我的本地机器上工作，我只在 fadeIn 动画类中遇到这个问题。css opacity、turbolinks 或我的生产环境 有问题吗？我做错了什么。

谢谢

Answer 1

可能是你必须添加:

 *= require_tree .

进入您的 application.css 文件。

您还可以做的是:WAITING dom 加载。

$(function() {
   $('#test').addClass('animated fadeInRight');
});

您是否预编译了 Assets ？在生产中你可以这样做:

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