한 번 모달 제출 버튼을 클릭하면 경고 창이 열림

<div class="modal" id="myInquiry" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button class="close" data-dismiss="modal">&times;</button> 
       <h4 id="myModalLabel">Thank you for your feedback:</h4> 
      </div> 
      <div class="modal-body"> 
       <label for="inquiry">Feedback:</label> 
       <textarea class="form-control" rows="5" id="inquiry"></textarea> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="submit" class="btn btn-primary" data-dismiss="modal" id="send">Send</button> 
      </div> 
     </div> 
    </div> 
</div>

이것은 내 모달 바닥 글에있는 코드입니다. 보내기 버튼을 클릭하고 모달을 닫으 려합니다. 일단 닫은 후에는 경고창이나 모달 팝업창을 표시하고 사용자에게 의견을 보내 주심에 감사드립니다. 나는 웹 개발에 익숙하지 않고 수많은 시도 후에 (다른 질문에 대해 다른 해결책을 찾은 후에)이 문제에 얽매이지 않고 있지만 아무것도 작동하지 않는다.한 번 모달 제출 버튼을 클릭하면 경고 창이 열림

모달의 div ID가 도움이되는 경우 'myInquiry'입니다.

감사합니다. 버튼에 ID를 추가 한 다음 작업을 처리하기 위해 jQuery를 사용하고, 더 나은 뭔가를 보여줄 수

<button type="button" class="btn btn-default" data-dismiss="modal" onclick="alert('thank you');">Close</button>

: 같은

출처

2017-11-20 anna-lyze

더 많은 정보와 전체 코드를 제공하고 지금까지 시도한 것을 보여줄 필요가 있습니다. – makshh

좋아요, 검토를 위해 모달 div를 모두 추가했습니다. 고맙습니다! –

당신은 당신의 모달 닫기 버튼에 동작을 추가 할 필요가, 최악의 방법이 될 것이다 이것보다.

출처

2017-11-20 22:36:06 Trueman

정말 고마워요! 이것은 완벽하게 작동했습니다! –

이와 같은 jQuery 코드를 추가 할 수 있습니다.

$('button#send').click(function() { 
    alert('Alert Content'); 
}

그런 다음 보내기 전송 단추를 클릭하면 "경고 내용"경고가 표시됩니다.

출처

2017-11-20 22:52:36 HiKangg

도움 주셔서 감사합니다! –

당신은 오신 것을 환영합니다. 기꺼이 도와 줘. – HiKangg

부트 스트랩 모달은 hide.bs.modal 이벤트를 가지고 있습니다. 그 이벤트를들을 수 있으며 모달이 닫히면 (사용자가 숨김) 모달에게 고마움을 표시 할 수 있습니다. 다음은 jsfiddle의 예입니다. 건배.

출처

2017-11-20 23:15:20 sigfried

정말 고마워요! –

문제 없음 :) 답변 해 주신 데 도움이 되셨다면 기꺼이 도와주세요. 건배 및 행복 코딩 – sigfried

어쩌면 당신은 버튼에

onclick="window.alert('<Your text here>')"

속성을 추가 시도 할 수 있습니다.

출처

2017-11-21 00:18:57

도움을 주셔서 대단히 감사합니다! –

당신을 환영합니다! –

한 번 모달 제출 버튼을 클릭하면 경고 창이 열림

답변

관련 문제