Bootstrap 隐藏模式按钮答案

【问题标题】：Bootstrap hide modal buttonBootstrap 隐藏模式按钮
【发布时间】：2016-07-26 19:59:30
【问题描述】：

我使用 bootstrap 和 jquery-1.9.1.min.js。

我有以下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>

模态引导是

我想在单击按钮时隐藏我的模态窗口

模态窗口不隐藏。

如何在单击按钮时隐藏模式窗口。

【问题讨论】：

标签： jquery hide bootstrap-modal

【解决方案1】：

使用.modal("hide");

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


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

})

【讨论】：

【解决方案2】：

尝试以下操作，从链接中删除 onclick 属性并将此代码附加到文档就绪语句中

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

【讨论】：

【解决方案3】：

代替

<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>

【讨论】：