Jquery UI对话框未垂直居中

Question

关于Jquery UI Dialog的问题。 有功能：

function showOrderDetails(orderId) {
     $("#orderDetailsDiv").dialog();
}

函数被调用如下：

<a href="javascript:showOrderDetails(1610);">1610</a>

单击链接时，对话框不会在窗口上垂直居中，而是在整个页面上。它看起来像脚本使用页面高度而不是窗口高度。有人可以帮忙吗？ Jquery和jquery UI最新稳定。

更新：我认为问题出在DataTables中，即在页面加载时动态填充表格。但是在锚点击时showOrderDetails（orderId），只有在DT完成加载后才可能。我无法弄清楚为什么问题仍然存在。