使用工具提示插入文本（编辑文本）（弹出窗口）

Question

我正在尝试创建一个包含文本框和两个按钮（插入，取消）的小弹出div。当您单击文本进行编辑时，将显示此div。 （如工具提示，但包含按钮和文本框）

我如何通过jquery制作它？

非常感谢你 我是jquery的新手。

Answer 1

$('#divID').click(function()
{
    $('body').append("<div id='tooltip'><input type='text' /><input type='button' value='Insert' />");
    $('#tooltip').css({'position': 'absolute', 'top': $('#divID').position().top + 'px', 
'left': $('#divID').position().left + 'px'});
});