jQuery Dialog定位

Question

我正在使用jQuery UI来显示一个对话框，但我想在打开时将窗口正好重新定位在按钮下面。

有人可以帮我吗？

代码：

http://jsfiddle.net/ntenisOT/vJNRj/3/

Answer 1

您可以使用offset()和outerHeight()计算适当的坐标，使用position选项重新定位对话框小部件：

var $opener = $("#opener");
var offset = $opener.offset();
$("#dialog").dialog("option", "position",
    [offset.left, offset.top + $opener.outerHeight()]);

更新了小提琴here。

编辑：使用相同的按钮关闭对话框，需要在click处理程序中检查其状态：

$opener.click(function() {
    var $dialog = $("#dialog");
    var verb = $dialog.dialog("isOpen") ? "close" : "open";
    $dialog.dialog(verb);
    return false;
});

更新了小提琴there。