全画面表示オーバーレイをクリックすると、オーバーレイ内のテキストリンクとの競合を閉じることができます。

Question

[情報]ページの全画面オーバーレイが表示され、呼び出されたときにサイトのコンテンツに表示されます。 私は、ユーザーがオーバーレイを閉じるためにどこかをクリックできるようにしています。ただし、これはaboutテキスト内のハイパーリンクと競合します。したがって、オーバーレイ内のハイパーリンクをクリックすると、オーバーレイが閉じられ、ハイパーリンクに移動します。 ハイパーリンクではないハイパーリンクをどのように分けることができますか？

ここでは、問題をデモするjsfiddleです。 http://jsfiddle.net/USzAb/

Answer 1

はちょうどあなたが、このような

$('#ablock').click(function(event) { 
    event.stopPropagation(); 
}); 

jsFiddle ...といくつかのコードを追加する必要があります#ablock

$("#ablock a").click(function(event) { event.stopPropagation(); }); 

Answer 2

内のすべてのハイパーリンク上でのイベントの伝播をクリックし停止するようにこれを追加します。

clickイベントは、#ablockのclickイベントもトリガーするまで、上位の要素を介してイベントがバブルアップしているという問題があります。

Answer 3

問題は、ハイパーリンクのクリックがオーバーレイに泡立つために発生します。あなたはまだオーバーレイクリックハンドラーあなたによって処理される機能やイベントを停止するためのリンクをクリックできるようになります

$('a', '#ablock').click(function(e){e.stopPropagation()}) 

このようなもので、このバブリングを停止する必要があります。

私はjsfiddle