0

フーバー時にツールチップを表示させようとしていますが、それを特定する方法がわかりません。リンクのマウスアウトの代わりにマウスアウトで閉じることができるように、識別子を見つける方法はありますか?

それは私の他の質問（tooltipyについてより具体的です）に関連しています：tooltipsyを滞在させて、その中のリンクをクリックできるようにする方法

編集:ツールチップを作成するためにTooltipsyを使用しています (ただし、これを行うことができる別の jQuery プラグインを誰かが提案できる場合は、変更する可能性があります。

私が望むのは、マウスがツールチップを呼び出している要素を離れたときにツールチップが消えるのではなく、マウスを持っている場合にツールチップが残ることです。ツールチップには、クリック可能なリンクが含まれている必要があります。

js:

# NOTE: The hide property is only for me to make it stay longer, so that the links are clickable. It is not an accepted soloution.
$('.order_tooltip').tooltipsy({
    delay: 0,
    offset: [0,-1],
    hide: function (e, $el) { 
        window.setTimeout(
            function() {
                $el.hide();
            },
            1000
        );
    }
});

html:

<a href="/order/ordernr/{{ item.order_nr }}"
    title="Tooltip content" 
    class="order_tooltip" 
>link</a>
4

2 に答える 2

0 
<a onmouseover="youtipsyobject().show();" onmouseout="youtipsyobject().hide()">link</a>

デフォルトで非表示にします。

于 2012-05-28T09:51:19.567 に答える
0

識別子を取得できず、待ちきれなかったので、必要な機能を提供するsimpletipという別のツールチップ プラグインに変更しました。

于 2012-05-28T08:59:34.293 に答える