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

Javascript 用于内联气球弹出编辑器的jQuery插件,javascript,jquery,user-interface,Javascript,Jquery,User Interface,(我不太知道这种控件叫什么,所以如果有人能告诉我它叫什么,我将编辑这个问题以澄清。) 我正在寻找一个jQuery控件,它可以让我制作一个小的弹出式编辑器,看起来像一个气球从表单中的某个点出来。在我的用例中,我的空间很紧,我想让用户选择几个日期范围 iCloud日历新事件弹出窗口中的类似内容: 我最终将qTip2用于jQuery: 但是为了让它放一个who div在那里,我必须定制一点JS: events: { show: function(event, api) { $(

(我不太知道这种控件叫什么,所以如果有人能告诉我它叫什么,我将编辑这个问题以澄清。)

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

iCloud日历新事件弹出窗口中的类似内容:


我最终将qTip2用于jQuery:

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

你自己造吧。没那么难。
// On form submit, trigger the tooltip hide to preserve user-chosen values
$("#aspnetForm").submit("submit", function(event) {
    qtipApi.hide();
    setTimeout(function(){}, 300);
});