Jquery 对话框位置不正确？

Question

我对这个对话框位置有一些问题，实际上我的要求是我想在窗口中显示对话框margin-top: 400px;，宽度是窗口宽度，高度是600px。 这段代码对我不起作用！

我也分享屏幕截图，需要在中间显示对话框！[在此处输入图像描述][1] 窗口而不是顶部。

       $(document).ready(function(){ 
    var wid = $( window ).width();
    var hig = $( document ).height();
    alert(wid +"---"+ hig );

       $('#advoptions').click(function(){

           $('#advpop').dialog({
           modal:true,
           draggable: false,
           resizable: false,
           width: wid,
           height: '600',
           position:['middle',500]



           });             
       });

Answer 1

试试这个方法..

  $(".myValue").mouseover(function() {
var x = jQuery(this).position().left + jQuery(this).outerWidth();
var y = jQuery(this).position().top - jQuery(document).scrollTop();
jQuery("#dialog").dialog('option', 'position', [x,y]);
});

或者我们可以走这条路

 $('#myMsgx').dialog( 'open' );
 var myMsgX = $(this).position().left - $(this).outerWidth();
 var mymsgY = $(this).position().top - ( $(document).scrollTop() + $('.ui-dialog').outerHeight() );
$('#myMsgx').dialog( 'option', 'position', [myMsgX, myMsgY] );