모달 상자가 나타나지 않음

Question

모달 상자를 여는 데이 이미지를 사용하려면 어떻게해야합니까?

<div class="grid"> 
      <figure class="effect-apollo"> 
       <a href="#modal-ef" role="button" data-toggle="modal"> 
        <img src="http://i.imgur.com/KDlptL.png"> 
       </a> 
       <figcaption> 
        <h2>Strong <span>Apollo</span></h2> 
        <p>Apollo's last game of pool was so strange.</p> 
       </figcaption>   
      </figure> 
     </div> 

링크로 이미지를 사용하려고했지만 제대로 작동하지 않았습니다. 자체는 다음과 같습니다 모달 :

<div id="modal-ef" class="modal"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <span class="close">&times;</span> 
        <h2></h2> 
       </div> 
       <div class="modal-body"> 
        <!--<div class="avatar"> 
         <img src="http://i.imgur.com/DsekuY7.gif alt="" /> 
        </div>--> 
        <p></p> 
       </div> 
       <div class="modal-footer"></div> 
      </div> 
     </div>  

Answer 1

난 당신이처럼 < A> 내부 IMG와 figcaption의를 넣어해야한다고 생각 :

<div class="grid"> 
       <figure class="effect-apollo"> 
        <a class="modal-button" data-content="ef"> 
         <img src="#"> 
         <figcaption> 
          <h2>Strong <span>Apollo</span></h2> 
          <p></p> 
         </figcaption> 
        </a>   
       </figure> 
      </div>