当试图为fullcalendar实现工具提示时,jquery mouseover事件部分工作

时间:2017-07-11 12:29:54

标签: jquery fullcalendar tipped

我正在使用jquery fullcalendar插件和Tipped.js来创建工具提示。 每当鼠标在日历中输入事件时,我想显示一个工具提示,其中包含有关该事件的一些额外详细信息。 工具提示有效,但事实是它部分工作,即用鼠标进入事件并不总是有效,有时我需要再次鼠标悬停。当从一个事件快速移动到另一个事件时,它也不起作用,只有当我做得很慢时它才有效。

还需要提一下工具提示的详细信息来自ajax请求(涉及一些数据库查询),因此这可能是导致它工作缓慢的原因。

这是我的代码:

    $("#tblSpincal td").on("mouseover", function () {

    var me = $(this);
    if (me.attr("dataid") != undefined) {
        $.ajax({
            url: 'Scheduler.aspx/GetToolTip',
            type: "POST",
            data: JSON.stringify({ "dataid": me.attr("dataid") }),
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (response) {
                var data = response.d;

                var tooltip = createtoolTip(data.IQCNum, data.Phone, data.Fax, data.NumOfEmloyees, data.Status, data.ActivityType, data.AllDetails, data.ActText, data.Address);
                Tipped.create(me, tooltip);

            },
            error: function (xhr, status, error) {
                alert("error retrieving toolTip")
            }
        });

    }
});

其中' createtoolTip' function返回一些将被注入工具提示的html字符串。

我还会考虑使用其他类型的events / js libs,如果它会让它更快,请发布任何建议,告诉我如何让它更快地工作。

0 个答案:

没有答案