我使用最新版本的Opentip和 JQuery-1.9.1
我的页面中有一个评论区,每条评论都有用户img的快照。我希望它在鼠标移动到快照区域时显示一个弹出窗口。鼠标进入时会弹出提示,但鼠标离开时调用的 hide() 根本不起作用。当鼠标再次进入时,提示 div 再次在同一位置弹出。请帮助我,谢谢。
代码片段:
- 在加载所有评论时绑定 mouseenter 和 mouseleave 事件
function refreshTip(className, tipContent) {
$("." + className).each(function (index, element) {
$(element).mouseenter(function () {
showTip(element)
}).mouseleave(function () {
var opentips_list = $(element).data("opentips");
for (var i = 0; i < opentips_list.length; i++) {
opentips_list[i].hide();
}
});
});
}
- showTip 函数的代码
function showTip(object) {
var tem = new Opentip(object, {
fixed: true,
tipJoint: "left",
target: object
});
tem.setContent("What a day!");
tem.show();
}