2016-05-09 10 views
0

彼らはツールチップの問題(時間をフェードアウト)

私は現在の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 }

+0

コードを追加するためのプロンプトが –

+0

-1空のコードブロックを追加することにより却下すべきではありませんそして、あなたのcodepenリンクは悪いです....あなたの質問には、関連するコードと良いcodepenリンク –

+1

を更新してください[編集]あなたの関連するコードを追加する質問。オフサイトのリソースにリンクすることは補足的な情報やデモを提供するのに問題ありませんが、関連する情報を直接質問に入れる必要があります。また、あなたのリンクは404(かなりクールな404ページですが)です。 – nnnnnn

答えて

0

fadeOutの期間を24行に変更できます。期間はミリ秒単位で覚えています。

function() { 
    $(this).fadeOut(HERE GOES DURATION , function() { 
     $(this).remove(); 
    }) 
}); 
+0

を追加することはできません。おそらくここで間違ったことをfadeOutしてください。私は常にただちに1つのツールチップを表示したい – itsthalis

関連する問題