jQuery对话框不在Chrome的中心

在FF和Internet Explorer中，对话框在中心向上晃动，但在chrome中它最终在左侧。

我怎样才能解决这个问题？

代码（ self是self在的对象）：

  $('form').live('submit',function(e){ e.preventDefault(); var $this = this; console.log('click submit') $('
', {html: 'Are you sure you want to submit this table?
 All undo information will be lost.'}) .dialog({ modal: true, title: 'Are You Sure?', buttons: { ok: function(){ $.get($this.action,$($this).serialize()+'&page='+self.pageOn,function(data){ console.log(data); self.pageChanged = false; self.origPage = $('#page').clone(); self.lastClick = $('#page').clone(); }) $(this).dialog('close'); }, cancel: function(){ $(this).dialog('close'); } }, beforeClose: function(){ $(this).remove(); } }) return false; }) 

Answer 1

也许将一个类分配给对话框的div，例如：

  $('
', {html: 'Are you sure you want to submit this table?
 All undo information will be lost.'}) .dialog({ modal: true, title: 'Are You Sure?', buttons: { 

然后创建包含一个css规则，将对话放在页面上，如下所示：

 .ui-dialogue{margin:0 auto;} 

或者某些css会使对话中心…这是一个猜测，但可能会迫使它在大多数浏览器上工作。