jQuery 모달이 제대로 상호 작용하지 않습니다.

Question

OpenLayers지도 위에 나타나는 jQuery 모달이 있습니다. 모달을 제어하려고 할 때 모달을 무시하고 맵을 제어합니다. 지도 밖에있는 지역 만 제어 할 수 있습니다. 이 문제를 어떻게 해결할 수 있습니까?

감사합니다.

function init_editor() { 

$('#widthColor').colorPicker(); 
$('#fillColor').colorPicker(); 
$("#slider").slider({ 
    value:1, 
    min: 1, 
    max: 5, 
    step: 1, 
    slide: function(event, ui) { 
     $("#amount").val( ui.value); 
    } 
}); 

$("#transparency").slider({ 
    value: 0.5, 
    min: 0.1, 
    max: 1, 
    step: 0.1, 
    slide: function(event, ui) { 
     $("#trans_val").val(ui.value); 
    } 
}); 

$("#amount").val( $("#slider").slider("value")); 
$("#trans_val").val( $("#transparency").slider("value")); 

//Map KML editor modal 
var dlg = $("#layer-manager").dialog({ 
    modal: true, 
    width: 300, 
    height: 300, 
    autoOpen: false, 
    buttons: { 
     Ok: function(e) { 
      e.preventDefault(); 
      setColor($('#widthColor').val(), $('#fillColor').val(), $('#amount').val(), $('#trans_val').val()); 
      $(this).dialog("close"); 
     } 
    } 
}); 

//Register the modal 
$(document).on("click", "a.layer-manager", function(e){ 
    $("#layer-manager").dialog("open"); 
}); 
} 

은 또한이 사이트를 추가 할 필요가 http://uganda.csrcdev.com/map/

Answer 1

:

function init_editor() { 

$("#layer-manager").css('z-index','1000'); 

그런 다음 모달은 최상위 요소가됩니다. 지금은 다른 모든 것 뒤에 숨어 있습니다.

방화 광구를 열고 아래쪽에 대화 상자를 배치하십시오. 변경하기 전에 작동 확인하려면 z-index: 1000;을 입력하십시오.