2012-04-23 4 views
0

Я использую приложение в своем приложении для рельсов, которое поставляется со своими помощниками оповещения/флэш-памяти. Я изменил его так, что он выглядит как этотМодифицировать предупреждения об ошибках (Rails 3)

<% flash.each do |key, value| %> 
<%= content_tag(:div, value, :class => "flash #{key}") %> 
<% end %> 

Что я хочу сделать, это быть в состоянии закрыть это предупреждение с X в правом верхнем углу, а не обновите страницу, чтобы заставить его исчезнуть. Я создал окно предупреждения с css/jquery и окружил соответствующие divs вокруг вышеуказанного кода, однако, поскольку его в файле макетов/приложений он всегда отображается, когда страница загружается

Вот CSS и JQuery, если это помогает

$(function() { 
$('.close').click(function(){ 
    $('.myDiv').fadeOut("fast"); 
}); 


.close { 
background:red; 
font-weight:bold; 
padding:5px; 
cursor:pointer; 
display:inline-block; 
} 

.myDiv { 
padding:10px; 
background:#ccc; 
width: 200px; 
margin:0 auto; 
height:50px; 
} 

ответ

1

Вы можете обернуть пользовательские дивы только визуализации, если вспышка не является пустым:

<% if flash.present? -%> 
    <div id='flash'> 
    ... 
    </div> 
<% end -%> 
+0

Отлично, спасибо – Richlewis

Смежные вопросы