Fullcalendar qtip-在工具提示本身中添加一些链接?
我使用的是fullCalendar,这样当单击事件时,就会生成qTip(显示有关该元素的一系列详细信息)。我希望在qTip中有一些基于被单击元素的链接(因此,动态链接)。这些链接将提供一种编辑fullCalendar事件所基于的基础数据库记录的方法。我想有一些回电的方式来处理这件事 以下是我在fullCalendar中构建qTip的方法:Fullcalendar qtip-在工具提示本身中添加一些链接?,fullcalendar,qtip2,Fullcalendar,Qtip2,我使用的是fullCalendar,这样当单击事件时,就会生成qTip(显示有关该元素的一系列详细信息)。我希望在qTip中有一些基于被单击元素的链接(因此,动态链接)。这些链接将提供一种编辑fullCalendar事件所基于的基础数据库记录的方法。我想有一些回电的方式来处理这件事 以下是我在fullCalendar中构建qTip的方法: eventRender: function(event, element) { element.qtip({ con
eventRender: function(event, element) {
element.qtip({
content: {
text: "Loading WO info...",
ajax: {
url: "/schedule/get-wo-details/",
type: 'GET',
data: { woID: event.woID },
dataType: 'json',
success: function(data, status) {
var content = "<table class='qtip-table'>"
content += "<table>...add content here...";
content += "<center>";
// Here are my links...
content += "<a href='#'>Unschedule</a> | ";
content += "<a id='qtip-link' href='#'>Edit Note</a>";
content += "</center>";
this.set('content.text', content);
}
}
},
show: {
event: 'click',
},
hide: {
fixed: true,
delay: 1000
},
position: {
viewport: $("#calendar"),
effect: false,
at: "left-center",
my: "right-center"
}
});
我发现这不管用。我如何才能做到这一点?这似乎是一件简单的事情,但似乎无法整合一个像样的谷歌搜索查询来找到答案
感谢您尝试在eventAfterRender中添加click事件处理程序,或者使用jQuery的on或live处理程序向动态创建的链接添加处理程序您可以绑定双击渲染事件:
eventRender: function(event, element) {
element.qtip({
content: event.description,
});
element.bind('dblclick', function() {
//put there some code for
});
},
我想我知道了。在我创建
qTip
本身的eventRender
方法中,我有以下代码:
var e = event.woID;
content += "<a href='#' onclick=unscheduleEvent('" + e + "')>Unschedule</a> | ";
var e=event.woID;
内容+=“|”;
这只是创建了一个变量,该变量等于我生成日历时存储在
事件中的一些数据。content
是进入qTip
的HTML
——因此我使用变量添加了一个链接,以传递到onClick
事件 我不知道这有什么帮助。我为什么要双击事件?我想在qTip窗口中有几个链接,它们是基于单击的事件动态创建的。对不起,我想你的回答可能遗漏了什么。
var e = event.woID;
content += "<a href='#' onclick=unscheduleEvent('" + e + "')>Unschedule</a> | ";