对中jQuery模式对话框弹出窗口

当用户访问我的主页时，我试图显示一个模式对话框/弹出窗口

我可以显示对话框，但它不会出现在屏幕中央

我正在导入这些文件，以防出现以下问题：

<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>

$（函数（）{
$（“#对话框模式”）.dialog（{
宽度：“自动”，
//位置：'中间'，
中：是的，
莫代尔：是的，
自动选项：true，
可调整大小：false
}); 
}); 

我的小提琴：

---

谢谢

尝试取消注释

//位置：'center'，

或者，如果它不起作用，请尝试下面的代码。希望这就是您的意思：）

如果您需要在某个特定的选择器上居中，请尝试

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

---

谢谢上面的内容会去哪里？在$（“#dialog modal”）.dialog（{？？尝试在$（“#dialog modal”）.dialog（{}）之外写入它；

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