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