当用户访问我的主页时,我试图显示一个模式对话框/弹出窗口。
我可以显示对话框,但它不会出现在屏幕中央。
我正在导入这些文件,以防出现问题:
<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/
谢谢