1

私はjqueryを使用してuimodaldialogおり、これは設定です

$("#dialog").dialog({
    autoOpen : false,
    minWidth : 700,
    show : {
        effect : "fade",
        duration : 1000
           },
    hide : {
        effect : "fade",
        duration : 1000
           },
    close : function(event, ui) {
    },
});

これで呼んでます

 $('.mylink').on('click', function() {
 $( "#dialog" ).dialog( "open");

最初のクリックで、ページの中央に表示されます。

もう一度クリックすると、約 200px 上に移動します。

さらにクリックすると、そこに表示されます

4

3 に答える 3

1

HTML

<input type="button" class="mylink" />
<div id="dialog">Hello</div>

jQuery

$(document).ready(function () {
    $("#dialog").dialog({
        autoOpen: false,
        minWidth: 700,
        show: {
            effect: "fade",
            duration: 1000
        },
        hide: {
            effect: "fade",
            duration: 1000
        },
        position: {
            my: "center",
            at: "center",
            of: window
        },
        close: function (event, ui) {},
    });
    $('.mylink').on('click', function () {
        $("#dialog").dialog("open");
    });
});

ワーキングデモhttp://jsfiddle.net/cse_tushar/k4LLM/1/

参照http://api.jqueryui.com/dialog/#option-position

于 2013-06-27T05:39:35.700 に答える
0

次のコードでダイアログの位置を修正できます

$("#dialog").dialog({
autoOpen : false,
minWidth : 700,
position: { 
    my: 'top',
    at: 'top',
    of: $('#some_div')
  }
show : {
    effect : "fade",
    duration : 1000
},
hide : {
    effect : "fade",
    duration : 1000
},
close : function(event, ui) {
},
});

jquery の位置に関するヘルプは、http: //api.jqueryui.com/position/ にあります。

于 2013-06-27T04:24:41.853 に答える