無法定位我的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

正如布魯諾說，該position屬性需要的對象，這是由jQuery UI Position解釋。

如果你想要的元素是從頂部150像素和150像素從文檔的左邊，你可以做到這一點，如：

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

Fiddle Here

Answer 2

根據docs，position選項接受Object，而不是Array。

實施例：

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

嘗試

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