수정 알림 수정 (레일즈 3)

Question

자체 경고/플래시 도우미와 함께 제공되는 레일 앱에서 devise를 사용하고 있습니다. 그것은이

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

처럼 보이도록 어떻게 내가하고 싶은 것은 상단 모서리에 X와이 경고를 닫고보다는 사라지게하기 위해 페이지를 새로 고침 할 수있을 것입니다 그것을 수정했습니다. CSS/jquery로 경고 상자를 만들고 위의 코드 주위에 관련 div를 둘러 쌌습니다. 그러나 레이아웃/응용 프로그램 파일에서 해당 페이지가로드 될 때 항상 표시됩니다.

여기에 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; 
} 

Answer 1

만 렌더링하는 사용자 정의 된 div를 포장 할 수 있습니다

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