在FF和Internet Explorer中，Chrome瀏覽器中的Chrome瀏覽器

Question

中的jQuery對話框不在中間，對話框在中心位置縮小，但在Chrome中位於左側。

我該如何解決這個問題？

代碼（self是，這是在對象）：

 $('form').live('submit',function(e){ 
      e.preventDefault(); 
      var $this = this; 
      console.log('click submit') 
      $('<div>', 
        {html: 'Are you sure you want to submit this table?<br/> 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如：

$('<div class="ui-dialogue">', 
       {html: 'Are you sure you want to submit this table?<br/> All undo information will be lost.'}) 
     .dialog({ 
      modal: true, 
      title: 'Are You Sure?', 
      buttons: { 

，然後創建包含CSS規則，將居中在頁面上的對話像這樣：

.ui-dialogue{margin:0 auto;} 

或某些css，將中心對話... 這是一個猜測，但可能會強制它在大多數瀏覽器上工作。