无法定位我的 jQuery 对话框

Question

我尝试将我的 jQuery 对话框定位在 x:150px 和 y:150px (x,y)，但我的对话框始终位于 0,0。

我的代码是：

$(function (){
    $(document.body).on('click', 'a.folder', function () {
        var dialog = $('<div style="display:none"></div>').appendTo('body');
        dialog.load(url, {}, 
            function (responseText, textStatus, XMLHttpRequest) {
                dialog.append('some content here');
                dialog.dialog({
                    title: 'my title',
                    closeOnEscape: true,
                    width: "auto",
                    maxWidth: "500",
                    position: [150, 150],
            });
        return false;
    });
});

为什么我的位置参数被忽略了？

Answer 1

根据 docs，position 选项接受 Object，而不是 Array。

示例：

{ my: "center", at: "center", of: window }

尝试

position: { my: 'top+150', at: 'top+150' }

Answer 2

正如布鲁诺所说，position property expects an object, which is interpreted by jQuery UI Position。

如果您希望元素距离文档顶部 150px 和文档左侧 150px，您可以这样做：

position: {my: "left top", at: "left+150 top+150", of: document}

Fiddle Here

无法定位我的 jQuery 对话框

Unable to position my jQuery dialog

jquery

jquery-dialog