私は現在のjQueryを使用して、いくつかのツールチップに取り組んでいます。
(function ($) {
$(document).ready(function() {
$(function() {
$(document).tooltip({
content: function() {
return $(this).prop('title');
},
show: null,
position: {
my: "right top-25",
at: "left+25 bottom"
},
open: function(event, ui) {
ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, 100);
},
close: function (event, ui) {
ui.tooltip.hover(
function() {
$(this).stop(true).fadeTo(200, 1);
},
function() {
$(this).fadeOut("200", function() {
$(this).remove();
})
});
}
});
});
});
})(jQuery);
私は初心者だとどこか別の場所からコードを得たが、複数のカントーをテストしました。しかし、私は問題を抱えています。あなたが別のリンクを辿ると、それが「遅れている」ことがわかります。私は遅いfadeOutについて話している、私はそれらがより速く消えるようにしたいが、私はまだツールチップのリンクに達することができるはずです。
最高の解決策は、別のツールチップが開いた場合にツールチップを閉じることです。
あなたはここで何かを学ぶことが常に幸せ、それで私を助けることができる:)
編集:
私ではなく、直接それを示すの遅延を追加するために働くようだ: ショー:{ 遅延:250 }
コードを追加するためのプロンプトが –
-1空のコードブロックを追加することにより却下すべきではありませんそして、あなたのcodepenリンクは悪いです....あなたの質問には、関連するコードと良いcodepenリンク –
を更新してください[編集]あなたの関連するコードを追加する質問。オフサイトのリソースにリンクすることは補足的な情報やデモを提供するのに問題ありませんが、関連する情報を直接質問に入れる必要があります。また、あなたのリンクは404(かなりクールな404ページですが)です。 – nnnnnn