1

スティッキーに設定され、リンクをクリックすると開くヒントがあります。手がかりのヒントに閉じるボタンも設定しましたが、すべてうまく機能します。現在の閉じるボタンに加えて、誰かが手がかりのヒントの外をクリックした場合、手がかりのヒントを閉じたいです。手がかりの外側をクリックして閉じるだけの、ホバーアウトソリューションを探しています。

4

4 に答える 4

3

これが私がそれをした方法です：

    onShow: function() {
        // close cluetip when users click outside of it
        $(document).click(function(e) {
            var isInClueTip = $(e.target).closest('#cluetip');
            if (isInClueTip.length === 0) {
                $('.cluetip-default').hide();
            }
        })
    },
于 2011-10-19T17:49:08.047 に答える
2

FAQ によると、クローズをトリガーできる API メソッドがあります。

clueTip 1.0.3の新機能: プログラムでclueTipを閉じる(非表示にする)にはどうすればよいですか? 他のインタラクションに基づいて、clueTip を閉じるようにトリガーする場合は、次のコードを使用できます。$(document).trigger('hideCluetip');

だから私はあなたがこのようなことができると思います：


$('#myCluetip').cluetip({
  onShow: function() {
    $(document).one('mousedown',function() {
      $(document).trigger('hideCluetip');
    })
  });
});

これは、mousedown イベントの 1 回限りのイベント ハンドラーをドキュメント本文にバインドすることで機能します。これにより、Cluetip の人々が言う、開いている Cluetips を非表示にするイベントがトリガーされます。ワンタイム イベント ハンドラーを使用すると、誰かが何かをクリックするたびに hideCluetip トリガーを送信する必要がなくなります。

于 2011-04-12T21:33:37.973 に答える
2

ストーニーの解決策はうまくいきませんでした。

私は@Gary Greenのソリューションを使用しましたが、問題なく動作しますが、それは私が望んでいた正確な「マウスアウト/ホバーアウトで閉じる」ソリューションではありません。

最後に、Cluetip 自体がこれを行う方法を提供していることがわかりました。

次のように、値 "mouseOutClose: false" を設定するだけです。

$("#myForm :input").cluetip(
    {
        sticky: true, 
        closePosition: 'title', 
        arrows: true,
        mouseOutClose: true
    }
);
于 2011-05-06T06:43:18.480 に答える
0

コードを確認することは役に立ちますが、とにかくこれらの行に沿って何かを行うことができます。

$(document).click(function(e) {
    if (!$(e.target).hasClass('cluetip'))
    {
      // Close the cluetip here.  
    }
});
于 2011-04-12T20:59:32.940 に答える