단순 모달로 여러 개의 오버레이를 만드는 방법은 무엇입니까?

Question

단순 모달을 사용하여 여러 오버레이를 만들려고합니다. 스택의 다른 게시물뿐만 아니라 의사의 문서를 살펴 보았습니다. JQuery 개발자가 더 많은 경험을 쌓아서 도움이되기를 바랍니다.

HTML :

<div class="basic-modal work-thumb"> 
    <a class="basic" href="#"> 
     <img src="thumbnail.png" /> 
    </a> 
    <a class="basic" href="#"> 
     <img src="thumbnail.png" /> 
    </a> 
</div> 

<div id="modal-help"> 
    Modal Content here... 
</div> 
<div id="modal-faq"> 
    Modal Content here... 
</div> 

JS :

$('.basic-modal .basic').click(function (e) { 
    e.preventDefault(); 
    $('#modal-' + this.id).modal({ 
     position:[232,218], 
     escClose:true, 
     overlayClose:true 
    }); 
     return false; 
});//end simple modal 

오버레이 작동하지만 # 모달-도움이되는 컨텐츠가 표시되지 않습니다. 어떤 도움이나 제안이 굉장 할 것입니다. 고맙습니다!

Answer 1

마지막으로 클릭 한 div를 방금 클릭 한 div보다 낮은 z 값으로 설정하십시오. 이렇게하면 새로 클릭 한 div가 레이어에 처음 표시됩니다.