只有通過div的jQuery UI顯示模式對話框？

Question

我想在整個頁面上顯示一個模態對話框，但是在DOM中的某個div上。這可能嗎？ docs中的示例僅顯示如何在整個頁面上顯示對話框。

Answer 1

查看「位置」選項。像這樣使用它：

$(".selector").dialog({ position: [350,100] }); // places dialog at x:350, y:100 

然後，你可以排隊的x，y坐在你的目標股利上面。

Answer 2

您可以使用jQuery的.offset（）找到div的位置，然後做什麼約翰說

裝進事業部：

var bg_div = $("#background_div"); 
var pos = bg_div.offset(); 
var margin = 10; 

$(".selector").dialog({ 
    position: [pos.left+margin,pos.top+margin], 
    width: bg_div.outerWidth() - margin*2, 
    height: bg_div.outerHeight() - margin*2 
}); 

中心在事業部：

var bg_div = $("#background_div"); 
var pos = bg_div.offset(); 
var x = pos.left + (bg_div.outerWidth()/2); 
var y = pos.top + (bg_div.outerHeight()/2); 

$(".selector").dialog({position: [x,y]});