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

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