왜 모달 창이 열리지 않습니까?

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');