对话框定位

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()]);

此处更新小提琴

EDIT:使用相同的按钮来关闭对话框涉及检查其在click处理程序中的状态:

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