如何将对话框位置放在页面中心?

时间:2014-07-05 18:41:09

标签: javascript php jquery css dialog

我想打开页面中心的对话框,这是我的代码:

 $(function() {
   $('#app').button().click(function(){   //bind handlers
   $("#somediv").load('<?php echo CController::createUrl('jobs/apply', array('idJob'=>1)); ?>').dialog({modal:true}); 
   $("#somediv").dialog('option', 'position', 'center');
});
 });

2 个答案:

答案 0 :(得分:0)

将CSS规则:margin: 0 auto;添加到对话框中。 如果您希望它弹出您的网页,请将对话框放在具有以下属性的div中:

div.your-class {
    position: absolute;
    width: 100%;
}

然后将margin: 0 auto;添加到对话框div

答案 1 :(得分:0)

来自jquery文档 - http://api.jqueryui.com/dialog/#option-position - 您尝试使用的选项已经在&#34; center / center&#34;位置。

  

默认:{my:&#34; center&#34;,at:&#34; center&#34;,of:window}

您应该在css文件中查找问题和/或使用Valentin Mercier提供的答案。