Qtip2工具提示与FullCalendar集成

Question

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

我已经做了Qtip2集成在我的FullCalendar插件建议在他们的http://qtip2.com/demos页面。

但即使在演示中，我也发现了错误，例如，工具提示只是从事件中移开（特别是当我单击时）

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

查找问题的步骤：

1. 单击任何事件并关闭工具提示
2. 然后单击另一个事件并关闭工具提示并继续相同。

我只是被困在这上面很久了。我找不到解决办法。在这方面的任何帮助都将不胜感激。

Answer 1

我也为qtips苦苦挣扎了一段时间，但下面是最终对我有用的代码。它可以防止错误和看似随机的行为，尤其是在移动鼠标或拖动事件时。

元素是在eventRender函数中传递的第二个参数，其余的是可选的（选项对象包含工具提示的标题和文本，在qTip2文档中定义的目标，以及hideEvents，这是JS事件的空格分隔列表，当它们被触发时将隐藏工具提示，例如"mousedown mouseup Mouseleave"）。

/** adds a tooltip to a specified element, like an event or resource */
function addToolTip(element, o, target, hideEvents) {
    if (target === undefined || target === null) {
        target = false;
    }
    if (hideEvents === undefined) {
        hideEvents = "mousedown mouseup mouseleave";
    }
    element.qtip({
        content: {
            title: o.title,
            text: o.text
        }
        , position: {
            my: "bottom center",
            at: "top center",
            target: target // "mouse" is buggy when dragging and interferes with clicking
            //adjust: { y: -9}
        }
        , style: {
            tip: { corner: 'bottom center' },
            classes: 'qtip-light qtip-shadow'
        },
        show: {
            effect: function () {
                $(this).fadeTo(300, 1);
            },
            solo: true,
            delay: 200
        },
        hide: {
            effect: true,
            event: hideEvents // otherwise stays while dragging
        }
    });
}