Question

我使用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>

模态引导程序

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

模态窗口不会隐藏。

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

Answer 1

使用.modal("hide");

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


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

})

Answer 2

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

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

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

Bootstrap隐藏模态按钮

3 个答案: