jquery - jQuery 中对话框的奇怪行为

Question

在我的网站中，我使用了很多对话框，并且运行良好。但最后添加的行为很奇怪。当我打开对话框时，对话框显示的不是屏幕居中，而是向下移动 - 我必须向下滚动才能看到它。

我在打开对话框后尝试使用此代码居中:

$('#mydialog').dialog({
      autoOpen: false,
      height:400,
      width:600,
      draggable: false,//solve another my problem with dialog
      modal: true,
      open: function(){
            $('#mydialog').position().left = 0;
            $('#mydialog').position().top = 0;
      ...

还尝试过:

 position: 'top',

和

 position: 'center',

和

position: ['center', 'top'],

和

      open: function(){
            $(this).scrollTop();

打开后屏幕上没有任何中心对话框。我正在使用 jQuery v1.9.1 和 jQuery UI v1.10.3。

编辑:定位和相对绝对存在问题。我尝试了这段代码:

      open: function(){
            var x= 0;
            var y= 0;
            $(this).dialog('option', 'position', [y, x]);

位置 0,0: 只需用鼠标滚轮向下滚动即可:

编辑:
隐藏元素没有问题:<input type='text' style='width: 0; height: 0; top: -100px; position: absolute;'/>在 html 对话框的开头。但如果我删除这一行，则会导致另一个问题:jQuery UI datepicker opens automatically within dialog对话框打开后自动打开日期选择器

(重要信息:单击表中行中的第一列后打开对话框)

编辑2:我的网站有一个剪辑版: http://users16.jabry.com/testingpurpose/ko.asp单击最后一个选项卡第一列中的链接后，我需要始终将对话框居中。并且单击后，打开的对话框可能没有弹出日历迷你对话框。

编辑3:我的问题的图像:http://is.gd/1Hn5p6

Answer 1

前段时间我遇到了类似的问题，基本上当对话框初始化时，它将焦点设置到第一个事件表单元素，在您的情况下是日历。

一个快速的解决方案是这样的

open: function () {
    $("#id-calendar").blur(); //or
    $("#id-calendar").datepicker( "hide" ); 
}

此外，如果您即时使用对话框，对话框可能会出现意外问题，例如 $('<div></div>').dialog(...);

如果您从远程内容加载它们，则始终执行以下操作: $('.div').html(contentHtml).dialog(...);