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

正如Bruno所说，position属性需要一个对象，由jQuery UI Position解释。

如果您希望元素从顶部开始为150px，从文档左侧开始150px，则可以这样做：

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

Fiddle Here

无法定位我的jQuery对话框

2 个答案: