0

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/

4

1 に答える 1

2

追加する必要があります：

function init_editor() {

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

次に、モーダルはトップレベルの要素になります。今、それは他のすべての後ろに隠れています。

Firebugを開き、下部にあるダイアログを見つけます。次にz-index: 1000;、変更を加える前に、それが機能することを確認してください。

于 2013-03-14T19:55:10.957 に答える