如何让 div 元素消失

【问题标题】：How to make a div element fade away如何让 div 元素消失
【发布时间】：2015-06-03 19:36:51
【问题描述】：

我正在学习 Rails，并且正在使用 Rails 网络应用程序。它有一个“订购”按钮，当我点击它时，它会说：“感谢您订购”。这是使用闪光动作完成的。我希望消息在 5 秒后消失。我添加了这段代码：

$(document).ready(function() {
    $("#notice").fadeOut("slow");
});

此脚本位于views/layout 文件夹中，并链接到同一文件夹中的application.html.erb 文件。但是，它不起作用。我做错了什么，我该如何解决？

【问题讨论】：

【解决方案1】：

你必须做几件事才能让它发生。这就是我要做的。

添加 div 和 id 并将其隐藏。

<div id="notice" style="display: none"> Thank you for your ordering </div>

添加脚本。

$(document).ready(function note() {
    $("#notice").fadeIn().delay(5000).fadeOut();
});

将onclick 函数添加到.erb 文件中。

<%= link_to "Order", order_path, :onclick=>'function note()' %>

希望它会有所帮助。

附：您也可以跳过第 2 步，直接将脚本添加到 .erb 文件中。

<%=
  link_to "Order", order_path, :onclick=>'$("#notice").fadeIn().delay(5000).fadeOut();'
%>

【讨论】：