我正在使用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,如果它会让它更快,请发布任何建议,告诉我如何让它更快地工作。