Javascript jQuery模式无法正常交互

我有一个jQuery模式，它出现在OpenLayers地图的顶部。当我试图控制模态时，它会忽略模态并控制贴图。我只能控制地图之外的区域。我如何解决这个问题

谢谢

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" );
});
}

此外，您还需要添加以下内容：

function init_editor() {

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

然后模态将是顶级元素。现在它隐藏在其他一切的背后

---

打开firebug并找到底部附近的对话框。然后给它

z指数：1000在进行更改之前查看它是否工作。
乍一看，我没有发现任何明显的错误。但是，您所说的“尝试控制模式”和ff是什么意思？如果地图位于模式下方，当我单击、滚动等时，它将控制地图。这里的网站，如果这还不清楚我一直在看你的网站，我只是不确定我理解你的意思，我想我现在明白了。然而，在你的网站上，我似乎无法（允许？）弹出模式，即使我在Firebug上“看到”了。很抱歉，我应该包括这一点：单击“艾伯丁裂谷”，你会看到另一个“艾伯丁裂谷”。单击其旁边的cog以打开模态。对不起！