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

Question

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

到目前为止我所拥有的：

HTML：
Time <input id="theTime" class="time" name="inputTime" type="text">

JQuery的：

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

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

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

Answer 1

使对话框消息绝对定位，

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

Answer 2

这似乎有效！ position: { my: "left bottom", at: "right bottom", of: $(this) }