gpt4 book ai didi

javascript - JQuery 对话框位置在文本框旁边

转载 作者:行者123 更新时间:2023-11-28 07:26:50 26 4
gpt4 key购买 nike

我有一个 html 文本框,当我单击“时间”类型的文本框时,我希望在它旁边显示一个 jquery 对话框。例如:

what I want

到目前为止我所拥有的:

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");
});

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

最佳答案

使对话框消息绝对定位,

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

关于javascript - JQuery 对话框位置在文本框旁边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29556774/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com