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