Jquery Rails 4动画CSS fadeIn

我在rails 4应用程序中使用

animate.css

库来平滑css动画，但我只在生产环境中遇到了一个恼人的bug

当我执行此javascript代码时：

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

它在我的本地机器上工作，我只在fadeIn动画类中遇到这个问题。 这是

css不透明性

、

turbolinks

还是我的

生产环境

的问题？ 我做错了什么

---

谢谢

您可能需要添加：

 *= require_tree .

进入你的应用程序.css文件

您还可以做的是：等待dom加载

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

您是否预先编译了您的资产？ 在生产中，您可以：

   $ RAILS_ENV=production bundle exec rake assets:precompile

然后运行服务器。

更新：

它可能是所有类的总和。 让我们试着在之后移除它们

$(function() {
var test = $('#test');
       test.removeClass();
       test.addClass('animated fadeInRight');
       test.removeClass();
       test.addClass('animated fadeOutRight');
       test.removeClass();
 });

---

抱歉，只有在生产环境中才会出现什么恼人的错误？当我执行此代码时，只有fadeIn css动画不会触发：$（“#test”）.addClass（“动画fadeInRight”）；什么都没发生。。。但如果我这样做：$（'test'）.addClass（'animatedfadeoutright'）；它适用于淡出动画。您现在可以将gem用于

animate.css

我已经有了*=require\u树。在我的application.css中，我总是预编译我的资产。只有当我触发一个fadeIn css类时，它才会失败。如果执行：$（'#test'）.addClass（'animated fadeouttright'）；它是有效的。。。非常奇怪，等等，这可能是一个Jquery问题，我编辑了代码，然后在最后一个addClass（）之后又添加了“test.removeClass（）；”；编辑代码。什么也没发生，只是一个小故障。奇怪的是，它在开发环境中工作！