jquerymodal的控制定位

我想使用jQuery创建一个小的弹出窗口，当单击I图标时会出现。我想弹出的顶部角落与图标重叠，以便在小窗口和按钮之间有一种直观的联系（而不是在屏幕中间出现的当前行为）。这类似于wunderlist.com，当你点击时钟，日历就会出现。我想创建一个具有日历、文本框和按钮的模式

我可以让jquery模式出现，但我无法控制它的位置；它总是出现在屏幕的中央。我正在使用代码

$.fx.speeds.\u默认值=100；
$（文档）.ready（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
表演：“盲人”，
});
$（“.hold_btn”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
返回false；
});
});
按钮
这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口

您可以使用方法位置

在这种情况下，您需要使用以下代码

$.fx.speeds._default = 100;
    $(document).ready(function() {
     $( ".hold_btn" ).click(function() {
            $( "#dialog" ).dialog(
                { 
                    position: {
                        my: "left top", 
                        at: "right top",
                        of: window } }

            ).dialog("show");
            return false;
        });

    });

---

jQueryUI有一个位置实用程序函数，可以非常精确地控制元素的放置位置。

对话框（）

有一个选项

position实用程序本身很强大，但可能会令人困惑。我建议阅读不同的配置选项

$('#dialog').dialog({
    autoOpen: false,
    show: 'blind',
    position: { my: 'left top', at: 'left bottom', of: button }
});

$('#dialog').dialog({
    autoOpen: false,
    show: 'blind',
    position: { my: 'left top', at: 'left bottom', of: button }
});