最新バージョンの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();
}