Bootstrap hide modal button

Я работаю с bootstrap и jquery-1.9.1.min.js.Bootstrap hide modal button

У меня есть следующие Jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> 
<%@ page trimDirectiveWhitespaces="true"%> 
<!DOCTYPE html> 
<html> 
<head> 
<title>EUSurvey</title> 
<%@ include file="/WEB-INF/jsp/includes.jsp"%> 
<script type="text/javascript"> 
$(function() { 

    alert("en function"); 

    $('#myModalCheck').modal('hide'); 


});    

</script> 
</head> 
<body> 
<div data-backdrop="static" class="modal" id="myModalCheck" tabindex="-1" role="dialog"> 
     <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
     <div class="modal-body"> 
     <p><spring:message code="question.SendEmailsNow" /></p> 
     </div> 
     <div class="modal-footer"> 
     <a id="btnCancelConfirmFromSendInvitation" onclick="$('#myModalCheck').modal('hide');" href="#" class="btn btn-default"><spring:message code="label.Cancel" /></a> 
     <a id="btnConfirmFromSendInvitation" onclick="$('#myModalCheck').modal('hide');" href="#" class="btn btn-default"><spring:message code="label.OK" /></a> 
     </div> 
     </div> 
     </div> 
    </div> 
</body>

Модального бутстрап

Я хочу, чтобы скрыть мое модальное окно при нажатии кнопки

модального окно не скрывать.

Как скрыть окно модального окна, когда я нажимаю кнопку.

источник

2016-07-26 user3712581

Использования .modal("hide");

$("#btnCancelConfirmFromSendInvitation , #btnConfirmFromSendInvitation").click(function(){ 


    $("#myModalCheck").modal("hide"); 

})

источник

2016-07-26 11:55:31

Попробуйте следующее, удалите атрибут OnClick из ссылок и добавьте этот код в документе, готового заявление

$('.modal-footer a').on('click',function(e){ 
    e.preventDefault(); 
    $('#myModalCheck').modal('hide'); 
})

источник

2016-07-26 11:58:42 madalinivascu

Вместо

<a id="btnCancelConfirmFromSendInvitation" onclick="$('#myModalCheck').modal('hide');" href="#" class="btn btn-default"><spring:message code="label.Cancel" /></a>

вам может использовать это

<button id="btnCancelConfirmFromSendInvitation" class="btn btn-default" data-dismiss="modal" aria-label="Close">Cancel</button>

источник

2016-07-26 11:59:30

Bootstrap hide modal button

ответ

Смежные вопросы