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

Question

（我不知道该怎么称呼这种控制，所以如果有人能告诉我这个名字是什么，我会编辑这个问题以保持清晰。）

我正在寻找一个jQuery控件，它可以让我创建一个小弹出式编辑器，看起来像一个气球从表单中的一个点出来。在我的用例中，我的空间很紧，我想让用户选择几个日期范围。

iCloud Calendar新事件弹出窗口中显示的内容如下：

Answer 1

我最终使用qTip2进行jQuery：

http://qtip2.com/

但是为了让它在那里放置一个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);
});