带有对话框的JQuery UI位置

Question

我在使用JQuety UI定位对话框时遇到问题。

我正在使用代码

var divObj = $('#sourceCodeSearchDialog');
divObj.dialog(
    {
        position: ['right-800 top-100']
    });

但无论我做多少小值，对话框都不会出现在页面的任何位置。

调用它的链接位于页面的相当远的位置，因此它可能是在屏幕顶部（而不是页面）绘制对话框。在对话框中的文本框上设置焦点时，将滚动屏幕以将焦点放在文本框上。但是，由于对话框不在页面顶部，因此并非所有对话框都可见。

我知道一个解决方法是滚动页面，但这会使该过程非常“跳跃”，因为它会显示对话框然后滚动。

Answer 1

试试这个

var divObj = $('#sourceCodeSearchDialog');
divObj.dialog({ 
  // other setting if u want like `modal : true` etc
}, 'position', [800,100]);

Answer 2

我不确定这是否是你所期待的，但试试这个：

var divObj = $('#sourceCodeSearchDialog');
divObj.dialog(
{
    position: {my: "right-800, top-100", at: "center", of: window}
});