2013-03-22 34 views
10

我目前有成功/失敗等設計gem的標準flash消息。我添加了一些選項,通過關閉類來手動關閉帶有一些引導功能的消息。下面顯示了一小段代碼。如何在導軌中暫停flash消息

{ 
    <a class="close" data-dismiss="alert">&#215;</a> 
    <%= content_tag :div, msg, :id => "flash_#{name}" %> 
} 

我想創建一個選項來創建一個超時期限,其中警告消息將在5秒鐘後關閉。不確定在Rails中是否有一種簡單的方法。

感謝

+0

JavaScript的'setTimeout'方法是你的朋友。 – HungryCoder 2013-03-22 18:38:45

回答

27

如果你的jQuery裝在同一個頁面,這會爲你工作

<div id="flash"> 
    <a class="close" data-dismiss="alert">&#215;</a> 
    <%= content_tag :div, msg, :id => "flash_#{name}" %> 
</div> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    setTimeout(function(){ 
    $('#flash').remove(); 
    }, 5000); 
}) 
</script> 
+0

謝謝這應該工作。它看起來像代碼缺少關閉「)」,你可能想編輯和修復。 – 2013-03-25 17:54:42

+0

有更新,謝謝。 – HungryCoder 2013-03-26 03:44:40

+0

這應該去哪裏?我試圖將它添加到我的'application.js'和我的'_header.html.erb',但它不起作用。僅供參考,我的確在應用程序中使用了jQuery,這要歸功於'// require jquery // = require jquery.turbolinks // = require'jquery_ujs' in application.js'。我錯過了什麼嗎? – 2015-10-13 00:42:40