2012-06-28 3 views
6

내 알리미에 트위터 부트 스트랩을 사용하고 있으며 입력에 오류가있을 때 알림을 표시하려고합니다. 초기화 할 때 숨길 수 있고 오류가 발생하면 표시 할 수 있습니다. 그러나 그 후 경고는 다시 사라집니다. 올바른 정보가 입력 될 때까지 경고 메시지가 표시되도록하는 방법이 있습니까트위터 부트 스트랩 알림 초기화시 숨기기

누구든지 나를 도와 줄 수 있습니까?

+0

이것은 유효성 검사 기술 (플러그인 또는 수동)에 따라 다릅니다. 문제가있는 곳입니다. 뭐라구? – Sherbrow

답변

0

당신은에서 줄을 제거 부트 스트랩-alert.js 파일

function removeElement() { 
    $parent 
    .trigger('closed') 
    .remove() 
} 

제거 .remove()와 JS가

코드에 자바 스크립트를 추가 수동으로 가까운 전

이상의 파일을 저장해야
$(".close").click(function(){ 
$("#myalert").hide(); 
}); 
+2

Todd A가 언급했듯이 부트 스트랩 파일을 편집하는 것은 좋지 않습니다. 편집 한 내용을 기억하거나 업데이트하기 전에 diff를 수행하지 않으면 변경 사항을 지우면 나중에 내용을 삭제할 수 있습니다. 그것들을 편집하는 것은 빠르게 늪지대가 될 수 있습니다. –

5

가치있는 점은 다운로드 한 패키지를 편집하는 팬이 아닙니다. 내 마지막에 똑같은 일을했지만, 내가 한 것은 닫기 버튼의 일부분 인 data-dismiss="alert"을 제거한 것입니다. 그런 다음 Nintin이 경고를 숨기기 위해 기본적으로 사용하는 코드와 동일한 코드를 사용합니다.

HTML 코드 나 또한 동적으로 PHP를 사용하여 내 오류 메시지를 채울 수 있지만 문제의 일부가 아니라 나는 그 여기에서 간략하게 설명하지 않았다

$(".close").click(function(){ 
    $("#AddAlert").hide(); 
}); 

<div id="AddAlert" class="alert alert-block" style="display:none;"> 
    <button type="button" class="close">&times;</button> 
    <h4 id="AddAlertH4">Error</h4> 
    <div id="AddAlertMessage">My error message goes here.</div> 
</div> 

JS 코드.

0

이것은 오래된 질문이지만 다음은 나를 위해 일했습니다. stackoverflow에 대한 다른 답변에서 더 이상 답변을 찾을 수 없습니다. 희망이 사람을 도움이됩니다.

$('.alert .close').on("click", function(e) { 
e.stopPropagation(); 
e.preventDefault(); 
$(this).parent().hide(); 
});