居中jQuery模態對話框彈出

Question

當用戶訪問我的主頁時，我試圖顯示模態對話框/彈出。

我能夠顯示對話框，但它不出現在屏幕的中心。

我進口這些文件，如果這是問題：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

<script language="JavaScript" type="text/javascript"> 
$(function() { 
    $("#dialog-modal").dialog({ 
    width: 'auto', 
    // position: 'center', 
    center: true, 
    modal: true, 
    autoOption: true, 
    resizable: false 
    }); 
}); 
</script> 

<div id="dialog-modal" title="Offer" style="text-align:center"><img alt="" src="Pack.jpg"/> </div> 

我的小提琴：http://jsfiddle.net/szEpb/

感謝

Answer 1

嘗試取消對// position: 'center',

，或者如果它不工作嘗試下面的代碼。希望這是你的意思.. :)

$('body').dialog('option', 'position', 'center'); 

如果你需要在一個特定的選擇到中心在嘗試

$('your_selector').dialog('option', 'position', 'center');