Jquery ui jQuery UI是否仅在div上显示模式对话框？

我想在整个页面上显示一个模式对话框，但要在DOM中的某个div上显示。这可能吗？中的示例仅显示如何在整个页面上显示对话框

查看“位置”选项。像这样使用它：

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

---

然后，您可以将x，y排列在目标div上方。

您可以使用jQuery的.offset（）找到div的位置，然后按照John说的做

安装内部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]});