重複DIV兄弟のイベント解決

Question

重複する2つの兄弟divがある問題があります。最初は常に不透明で、内容はその中にあります。 2番目には内容がありますが、一部の部分のみです。どちらも身長と身長を設定する必要があります。 2番目のdivが1番目に重なっている部分では、2番目のdivに優先順位がなければなりませんが、2番目のdivに内容がない場合は、1番目のdivにイベントを受け取ります。ここで

はフィドルです：あなたは、リンクをクリックする場合http://jsfiddle.net/meosoft/FQeWz/

は今、それは動作しません。私は、既存のコードに変更を加える必要のないソリューションを探していますが、他のコードを追加することもできます。 2番目のdivのディメンションを設定せずに、特に設定するディメンションを特に必要とするため、機能します。また、IEでは動作しますが、FFやWebkitでは動作しません。

どうやってこの問題を解決しますか？

Answer 1

これを試してみてください：

$("#controls").click(function($event){ 
    if($event.target.id === "controls") { 
     $("#content").trigger('click'); 
    } 
}); 

$("#content").click(function($event){ 
    alert('DIV 1 clicked'); 
}); 

は、これが最初のdivにイベントを送信するための要件に適合します。リンクをクリックするとリンクにイベントを受け取るようにするには、divを互いの上に置いているのでわからない。