0

数秒間だけ表示されるコメントのツールチップを作成しています。しかし、どの選択肢を選んでも消えることはありません。openTip のドキュメントには、ツールチップを秒単位で非表示にする方法が非常に不明確であり、例が不足しています。

<textarea class="textareaclass" id="body" name="body" placeholder="Comment" data-ot="Spamming is restricted. Comments are subject to US law." data-ot-delay="0.1" data-ot-hide-trigger="closeButton" data-ot-style="alert" data-ot-hidedelay="1.2" data-ot-fixed="true"></textarea>

ツールチップが 2 秒以内に消え、[X] 閉じるボタンをクリックしたときにも消えるようにするにはどうすればよいですか。

何を試しても、ツールチップは永遠に残るようです。「hidedelay」は何もしません。

4

1 に答える 1

1

ドキュメントをざっと見てみたところ、これに対するプラグインのソリューションが見つかりませんでした。「hideDelay」オプションは、ツールチップを開いた後ではなく、閉じるボタンをクリックした後の遅延を指します。

タイムアウトはどうですか?必要なタイムアウトを設定し、最後にツールチップを手動で閉じることができます。このように(2秒で):

$('textarea').on('mouseenter', function() {
    setTimeout(function() {
        $('.ot-close').trigger('click');
    }, 2000);
});

JSFiddle: http://jsfiddle.net/nxp1Lccm/

試してみて、それが役立つかどうか教えてください!

于 2015-02-04T21:09:51.623 に答える