jquery jqModal Ajax 및 중첩 된 모드 문제

Question

중첩 된 모달에 대한 지원이 필요하므로 jqModal을 사용하기 시작했습니다. 중첩 된 모달과 아약스로 인해 비정상적인 동작을 감지하지만 정확한 수정 방법을 알지 못합니다. 무슨 일이 발생합니까, 중첩 된 모달이있는 기본 모달을로드 할 때 두 개의 jqmOverlay div가 생깁니다. 중첩 된 모달이 아직 트리거되지 않았더라도 두 모달에 대해 오버레이를 적용하는 것과 같습니다. 따라서 모달을 닫으면 여전히 하나의 오버레이가 표시됩니다. 여기에 코드입니다 :

// Main Modal 
$(function(){ 
$("#modal").jqm({ajax:'@href'}); 
}) 
<a class="label jqModal" href="/suppliers/2/edit">View Supplier</a> 


// Nested Modal code fragment within the /suppliers/2/edit html 
$(function(){ 
$("#nested_modal").jqm({ajax:'@href', zIndex:3001}); 
}) 
<a class="button jqModal" href="/suppliers/6/bills/new">Add Bill</a> 

처음 작동하는 것 같다,하지만 난 주요 모달을 닫고 있다면, 나는 이중 오버레이 문제를 얻을 다시 엽니 다. 이거 버그 야? 또는 내 중첩 된 모달이라고 부르는 방식입니까? 또한 중첩 된 모달에 대해 jqm 호출을 제거 할 때마다 주 모달이 매번 잘 작동하기 때문에 중첩 된 모달과 관련이 있다는 것을 알고 있습니다.

Answer 1

내 중첩 된 AJAX jqModals와 비슷한 문제가있었습니다. 해결책은 다음과 같습니다. ~ 파라미터와 z- 인덱스을 합친 것입니다.

은 중첩 된 모달 높은 Z- 인덱스를 설정 한 다음 JQM을 만들 때 true로 에게 toTop을 설정합니다. 예를 들어 :

// Nested: 
<div id="test" style="z-index: 5000;">Test content</div> 
... 
<script type="text/javascript"> 
$.ready(function(){ 
    $('#test').jqm({ 
    toTop:     true, 
    modal:     true, 
    overlay:    10, 
    }); 
}); 
</script> 

Z- 인덱스과 toTop 매개 변수와 함께 장난 문제를 해결하는 데 도움이됩니다.