モーダルウィンドウが開いていないのはなぜですか？

Question

私は次のコードを持っている：

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> 

なぜこの私にはわからないが動作しません。

私はそれを正しく書いたと確信しています。

私はキャッチできないものはありますか？

あなたの考えを教えてください。

Answer 1

boostrap.jsスクリプトファイルを含めてみてください。

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

Answer 2

html属性data-targetを使用してモーダルを開く代わりに、jqueryを使用してみてください。リンクをクリックすると、次のように試してみてください。 -

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