ツールチップの表示が困難

開発中のWebサイトでツールチップインターフェイスを作成する際に発生した問題を解決しようとしています。 HTML、CSS、JavaScriptの助けを借りてツールチップを構築しました。スクリプトは、下のフィドルで見ることができるように非常にシンプルで、トグル動作に基づいています。トリガー要素でポップアップのツールチップを開くことができます。今ツールチップの表示が困難

jsFiddle

！私の問題は、ポップアップで隠されないように、トリガーをすべての上に置く方法を理解できないことです！私に説明させてください。ポップアップはオフになっていてもトリガーエレメットを覆うことがあるため、トリガーはクリックできないという結果に終ります。彼らは目に見えないポップアップの背後に隠されているようです。ここにいかにオンラインで今あるかのリンクがあります。私はあなたが問題を見ることができると思い

http://271116.lucamule.com/studio-1

！誰もこれを解決する方法を知っていますか？

出典

2016-12-20 Luca Megalopolitan Elephantias

ようこそ：あなたは/非表示を表示したい場合は$("div.pop-up").css({'display':'block','opacity':'0'})

、私は.fadeIn/.fadeOutを使用することをお勧めします！デバッグのヘルプを求める質問には、それを再現するのに必要な最短のコードを質問**に含める必要があります。** NB - **この要件を回避するためにコードブロックを悪用しないでください**。 –

ツールチップがアクティブでないときは、ツールチップを離れて配置する必要があります。あなたのCSSに 'left：-10000px;'のようなものがあります。さて、アクティブなときにクラスを追加すると、 'left'値が適切に変更されます。 –

ポップアップが初期化されるとすぐに "ブロック"に変更されました。スタックオーバーフローにhttp://api.jquery.com/fadein/

出典

2016-12-20 16:11:23

ちょっと@PeterChon！答えのためののthx！私はフェードインとアウトを把握するつもりですが、できません。スクリプトの解決方法を教えていただけますか？ –

基本的に、onclickでは.fadeToggle（）メソッドを適用できます。 –

$（el）.on（click：function（）{$（elem）.fadeToggle（）}）; –

ツールチップの表示が困難

答えて

関連する問題