開発中のWebサイトでツールチップインターフェイスを作成する際に発生した問題を解決しようとしています。 HTML、CSS、JavaScriptの助けを借りてツールチップを構築しました。スクリプトは、下のフィドルで見ることができるように非常にシンプルで、トグル動作に基づいています。トリガー要素でポップアップのツールチップを開くことができます。今ツールチップの表示が困難
!私の問題は、ポップアップで隠されないように、トリガーをすべての上に置く方法を理解できないことです!私に説明させてください。ポップアップはオフになっていてもトリガーエレメットを覆うことがあるため、トリガーはクリックできないという結果に終ります。彼らは目に見えないポップアップの背後に隠されているようです。ここにいかにオンラインで今あるかのリンクがあります。私はあなたが問題を見ることができると思い
http://271116.lucamule.com/studio-1
!誰もこれを解決する方法を知っていますか?
ようこそ:あなたは/非表示を表示したい場合は
$("div.pop-up").css({'display':'block','opacity':'0'})
、私は.fadeIn/.fadeOutを使用することをお勧めします!デバッグのヘルプを求める質問には、それを再現するのに必要な最短のコードを質問**に含める必要があります。** NB - **この要件を回避するためにコードブロックを悪用しないでください**。 –
ツールチップがアクティブでないときは、ツールチップを離れて配置する必要があります。あなたのCSSに 'left:-10000px;'のようなものがあります。さて、アクティブなときにクラスを追加すると、 'left'値が適切に変更されます。 –