2014-10-22 3 views
0

트위터 부트 스트랩을 사용하여 웹 사이트를 구축 중입니다. 내 대화 상자에 "2 번"이라는 메시지가 나타났습니다. 내가 뭘 말하는지 모르겠다면 비디오가 있습니다 (7 일 만료). Watch this videoTwitter 부트 스트랩 대화 상자에 "2 times"가 표시됩니다.

참고 : 한 번만 닫기 버튼을 클릭했습니다. Close를 클릭하면 1 초 이내에 사라지는 대화 상자가 나타납니다.

여기 내 코드입니다.

<div class="modal fade" id="contactModel" tabindex="-1" role="dialog"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
         <h4 class="modal-title">Contact</h4> 
        </div> 
         <div class="modal-body"> 
         <p id="modelText">Thank you! Your submission has been received!</p> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
      </div> 
     </div> 

내 버튼은 자바 스크립트를 호출합니다. 이 문제를 해결하기 위해

<button onclick="submitForm()" type="button" id="submit" class="btn btn-primary">Send</button>

내 자바 스크립트는

$('#contactModel').modal('show'); 

은 누구도 날 도와 드릴까요? 고맙습니다.

+0

데모에서 문제를 재현 할 수 있습니까? – dfsq

+0

jsfiddle 사용법을 잘 모르겠습니다. – Jeremy

답변

0

버튼의 코드가 보이지 않지만 데이터 속성과 js를 통해 두 가지 방법으로 부트 스트랩 모달을 사용 해왔다 고 생각합니다. 하나를 선택하십시오. 여기에서 "사용"의 http://getbootstrap.com/javascript/#modals을보십시오.

어쨌든 버튼이 아니면 코드가 잘 작동합니다. 여기에 증거가 있습니다 : http://www.bootply.com/eYXtmm6Yrr.

+0

모델은 기본적으로 표시되지 않습니다. 버튼을 클릭하면 자바 스크립트가 액션을 수행하고 마침내 모델이 표시됩니다. – Jeremy

+0

Pls에는 버튼 코드가 ​​표시됩니다. 나는 내 대답을 이해하지 못했을 것 같아. – DebbieMiller

+0

수정 됨 위의 코드를 참조하십시오. – Jeremy

관련 문제