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] );

Jquery对话位置不正确？

1 个答案: