New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

想請教一下，如何讓這個Alert訊息過幾秒後自動消失？ #33

Closed

afgnsu opened this issue Oct 5, 2015 · 7 comments

Labels

afgnsu commented Oct 5, 2015

如題，我有看到網路上建議用 $(".alert").fadeOut(3000) ，放在 app/assets/javascripts/XXX.coffee ，可是好像沒用 >"<

JuanitoFatas added the JavaScript label

Member

zackexplosion commented Oct 5, 2015

注意執行的順序，不知道你在哪裡執行 fadeOut 的 function

Author

afgnsu commented Oct 5, 2015

我只是用 Rails 101s 的範例
http://github.com/afgnsu/rails101s

Contributor

JuanitoFatas commented Oct 5, 2015

Member

chinghanho commented Oct 5, 2015

兩個方式

把載入 script 的 tag 放到 <body> 最後面
把 callback 放在 document ready 內：

$(function() {
  $(".alert").fadeOut(3000)
})

Author

afgnsu commented Oct 6, 2015

我用的是 <% bootstrap_flash %>

我把

<script type='javascript/text'> $(function() { $(".alert").fadeOut(3000) }) </script>

放到 app/views/layouts/application.html.erb 的上面，不知道為何沒反應 >"<

2015-10-06 1:39 GMT+08:00 Ching-Han Ho notifications@github.com:

兩個方式

把載入 script 的 tag 放到最後面

把 callback 放在 document ready 內：

$(function() {
$(".alert").fadeOut(3000)
})

—
Reply to this email directly or view it on GitHub
#33 (comment).

◢▄◣ 蘇介吾 / 家住楊梅市新農街
○○█ Mobile: 0921-380997
◥○◤ Email : afgnsu@gmail.com
▂██ FB: http://fb.me/afgnsu
▂█◤ Website : afgn.idv.tw

SDLyu commented Oct 6, 2015

<script type='javascript/text'> 的 type 宣告錯了，應該寫成下面這樣

<script type='text/javascript'>...</script>
<script>...</script>

任意一種都可以

Author

afgnsu commented Oct 6, 2015

SDLyu 可以了，謝謝 ^_^

afgnsu closed this as completed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment