为什么模态窗口打不开？答案

【问题标题】：Why doesn't the modal window open?为什么模态窗口打不开？
【发布时间】：2018-06-04 22:27:02
【问题描述】：

我有以下代码：

adminMainPage.jsp

<c:forEach items="${memberList}" var="mList">
  <a style="color:black;" class="showMemberInfo" data-toggle="modal" data-id="${mList.id}" data-name="${mList.name}" data-birth="${mList.birth}" 
                     data-phone_1="${mList.phone_1}" data-phone_2="${mList.phone_2}" data-phone_3="${mList.phone_3}" data-email="${mList.email}" data-target="#memberInfo">${mList.id}</a>
</c:forEach>

<jsp:include page="showMemberModal.jsp" />

adminMainPage.js：

   $(document).ready(function()
   {
      $('.showMemberInfo').click(function()
      {
         $('#mid').val($(this).data('id'));
         $('#mname').val($(this).data('name'));
         $('#mbirth').val($(this).data('birth'));
         $('#mphone_1').val($(this).data('phone_1'));
         $('#mphone_2').val($(this).data('phone_2'));
         $('#mphone_3').val($(this).data('phone_3'));
         $('#memail').val($(this).data('email'));
      });
   });

modal.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="css/showMemberModal.css">
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<div class="modal fade" id="memberInfo">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">x</button>
            <h4 class="modal-title title">회원정보</h4>         
         </div>
         <div class="modal-body" style="padding-bottom: 40px">
            .....
         </div>
      </div>
   </div>
   <!-- <input type="hidden" id="mid" value=""> -->
   <input type="hidden" id="mname" value="">
   <input type="hidden" id="mphone_1" value="">
   <input type="hidden" id="mphone_2" value="">
   <input type="hidden" id="mphone_3" value="">
   <input type="hidden" id="memail" value="">
</div>

我不知道为什么这不起作用。

我确定我写对了。

有什么我抓不到的吗？

请告诉我你的想法。

【问题讨论】：

你是否包含<script src="js/bootstrap.min.js"></script> js文件？
天啊..我错过了那部分。有点，之前还挺好用的，突然就不行了。
如果你给我一个答案，我会采纳。谢谢。

标签： javascript jquery twitter-bootstrap modal-dialog

【解决方案1】：

尝试包含 boostrap.js 脚本文件，然后就可以了。

<script src="js/bootstrap.min.js"></script>

【讨论】：

【解决方案2】：

不要使用 html 属性 data-target 打开模态框，而是尝试使用 jquery。点击链接试试：-

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

【讨论】：

于是我尝试了，但是我得到了一个错误，谷歌开发者工具找不到 $ (...).modal