Qtip2工具提示与FullCalendar集成

时间:2016-07-01 18:37:55

标签: jquery fullcalendar tooltip qtip2

我正在尝试在FullCalendar jquery插件中实现Qtip2工具提示。 Qtip2和FullCalendar都是非常好的jQuery插件和易于实现。

我已按照http://qtip2.com/demos页面中的建议在我的FullCalendar插件中完成了Qtip2集成。

但是即使在演示中我也发现了错误,工具提示正在远离事件(特别是当我点击并关闭一个事件并转移到另一个事件时,你可以看到它将远离网格)

他们的观看源页面:http://jsfiddle.net/qTip2/T9GHJ/

找到问题的步骤:

  1. 点击任何活动并关闭工具提示
  2. 点击另一个事件并关闭工具提示并继续。
  3. 我只是坚持了很长时间。我无法找到解决方案。任何有关这方面的帮助都将受到极大的赞赏。

1 个答案:

答案 0 :(得分:0)

我一直在努力争取qtips一段时间,但这里的代码最终对我有用。它可以防止错误和看似随机的行为,尤其是在移动鼠标或拖动事件时。

从fullCalendar的eventRender中调用此函数。 element是在eventRender函数中传递的第二个参数,其余是可选的(包含工具提示的titletext的选项对象,target,如qTip2文档中所定义,以及{{ 1}}这是一个以空格分隔的JS事件列表,它们会在触发时隐藏工具提示,例如hideEvents)。

"mousedown mouseup mouseleave"