2012-08-07 2 views
13

내 페이지에 푸시 버튼이 생기면 일부 자바 스크립트 함수가 발생하고 해당 자바 스크립트 함수 중 하나가 부트 스트랩 모달을 열지 만 작동시키지 못하는 것 같습니다. 여기 제 코드가 있습니다. 제발 도와주세요.자바 스크립트 함수 내에서 부트 스트랩 모달을 어떻게 표시합니까?

//elsewhere on the form is the button that triggers the javascript 
    <a href="#" class="btn btn-danger" id="cancelPObtn" data-dismiss="modal">Yes, cancel it</a> 

<!-- CANCEL A PO MODAL --> 
<div class="modal hide fade" id="error-dialog" style="display: none;"> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">x</a> 
     <h3>Cancel Purchase Order?</h3> 
    </div> 
    <div class="modal-body"> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-danger btn-modal btn-cancel" data-dismiss="modal">Yes, cancel it</a> 
     <a href="#" class="btn" data-dismiss="modal">Nevermind</a> 
    </div> 
</div> 




     $('.btn-danger').click(function(event) { 
      if(some random conditional statement){ 
      //some stuff happens here 
      } 
      else{ 
       //Show form validation error modal-- I know this part is triggered but the modal will not show 
       $("#error-dialog").modal("show"); 
      } 
     }); 

답변

4

당신은 당신을 기반으로 작동하는 코드를 조건문 그것은 여기이 부분 코드로 수행 할 작업을보고 조금 어렵지만,

+3

질문을 입력했을 때 실수로 if()가 삭제되었습니다. 진짜 해결책은 스타일 태그 style = "display : none;"을 제거해야했습니다. 모달로부터. – silvster27

+9

@JSilva 이것이 정말로 문제가되지 않았다면이 대답을 받아들이지 마십시오. 이것은 사람들이이 질문을 읽을 때 혼란 스러울뿐입니다. – idmean

5

$ ("# 오류 대화 상자"). 모달 ("show");

올바른 방법입니다. 코드에 오류가 있습니다. Chrome Console로 이동하여이 명령을 실행하면 작동합니다.

관련 문제