内联气球弹出编辑器的jQuery插件

Question

（我不太知道如何称呼这种控件，因此，如果有人可以告诉我这个名字，我将为清楚起见编辑该问题。）

我正在寻找一个jQuery控件，它将使我能够创建一个小的弹出式编辑器，看起来像是从表单中的某个点冒出来的气球。 在我的用例中，我的空间有限，我想让用户选择几个日期范围。

在iCloud日历新事件弹出窗口中，类似以下内容：

Answer 1

我最终将qTip2用于jQuery：

http://qtip2.com/

但是要使其放入who div，我必须对JS进行一些自定义：

events: {
    show: function(event, api) {
       $("#tooltipContainer").html("");
       $("#btnSelectDatesPopup").detach().appendTo("#tooltipContainer");
       $("#btnSelectDatesPopup").show();
    },
    hide: function(event, api) {
       $("#btnSelectDatesPopup").hide();
       $("#btnSelectDatesPopup").detach().appendTo("#originalSelectDatesPopupContainer");
       $("#tooltipContainer").html("<p>...</p>");
    }
}

并在提交表单上，关闭工具提示（如果尚未关闭），然后将其放回所属的DOM中：

// On form submit, trigger the tooltip hide to preserve user-chosen values
$("#aspnetForm").submit("submit", function(event) {
    qtipApi.hide();
    setTimeout(function(){}, 300);
});