jQuery 대화 상자가 가운데에 표시되지 않습니다.

Question

this question에서와 동일한 문제가 발생하지만 모든 브라우저에 적용됩니다. 나는 당신의 문제가이로드되기 전에 .dialog() 메소드는 내용의 높이를 알 수 없다는 것입니다 생각

$('form#main').live('submit', function(e) { 
     e.preventDefault(); 
     var $this = this; 
     ////console.log('click submit') 
     var $div = $('<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() { 
        self.console('clicked ok'); 
        $.post($this.action, $($this).serialize() + '&page=' + self.pageOn, function(data) { 
         self.console(data); 
         $('.DEV-time').text(" (File last updated at: " + data.DEV + ")"); 
         $('.PROD-time').text(" (File last updated at: " + data.PROD + ")"); 
         if(data.ERROR.length > 0){ 
          alert(data.ERROR); 
         } 
         self.pageChanged = false; 
         self.origPage = $('#page').clone(); 
         self.lastClick = $('#page').clone(); 
        }, 'json') 
        $(this).dialog('close'); 
       }, 
       cancel: function() { 
        $(this).dialog('close'); 
       } 
      }, 
      beforeClose: function() { 
       $(this).remove(); 
      } 
     }) 

     $div.dialog('widget').css('margin', '0 auto'); 

     return false; 
    }) 

Answer 1

을 제거 : 마지막 질문에 대한 fix는, 그것을

Answer 2

: 여기

는 코드입니다. 대화 상자 정의에서 높이를 정의하거나 시도해보십시오. Centering jQuery UI dialog of unknown height - is it possible?

EDIT : 죄송합니다. 수평으로 중심을 맞추지 못했습니다. 그렇다면 대화 상자의 너비를 명시 적으로 설정하거나 링크에서 위와 같은 방법을 사용해야합니다.

Answer 3

'margin'외에 명시적인 CSS 너비를 지정해야합니다.

Answer 4

당신이 /가 position.js을 포함 가져가이 시간을 고정

$div.dialog('widget').css('margin', '0 auto'); 

이었다? 코드에?

<script src="jquery.ui.position.js"></script> 

그것이 내가이 아니라 FF와 크롬, IE의 중앙에 나타났습니다 지금 나를