1

我使用最新版本的Opentip和 JQuery-1.9.1

我的页面中有一个评论区,每条评论都有用户img的快照。我希望它在鼠标移动到快照区域时显示一个弹出窗口。鼠标进入时会弹出提示,但鼠标离开时调用的 hide() 根本不起作用。当鼠标再次进入时,提示 div 再次在同一位置弹出。请帮助我,谢谢。

代码片段:

  1. 在加载所有评论时绑定 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();
               }
            });
    });
}
  1. showTip 函数的代码

    function showTip(object) {
        var tem = new Opentip(object, {
            fixed: true,
            tipJoint: "left",
            target: object
        });
        tem.setContent("What a day!");
        tem.show();
    }
4

1 回答 1

3

Opentip 使用其 CSS 文件中的类来隐藏工具提示。确保您也将其包含在页面中。

<link href="path/to/opentip.css" rel="stylesheet" type="text/css" />

从安装文档

于 2014-10-07T09:38:51.407 回答