Javascript JQuery对话框在文本框旁边的位置

我有一个html文本框，当我点击一个类型为“time”的文本框时，我想在它旁边显示一个jquery对话框。例如：

到目前为止，我所拥有的：

HTML:

时间

JQuery:

$(".time").click(function(e) {      
    $( "#dialog-message" ).dialog({
    modal: false,
    buttons: {
        Ok: function() {
        $( this ).dialog( "close" );
        }
    },
    position: $(this).position()
    });

    $("#dialog-message").dialog("open");
});

---

上述代码的位置有误。我的对话框没有显示在正确的位置。如何使其显示在文本框右侧，如图所示？

使对话框消息完全定位

$("#dialog-message").css("position","absolute")

这似乎有效！

职位：{
我的：“左下”，
在“右下角”，
其中：$（本）
}

它在哪里显示？当然，您只需要对给定的位置应用偏移量即可？该位置显示在窗口的中心。来自文本框的位置显然是错误的。