1

重複する 2 つの兄弟 div があるという問題があります。First は常に不透明で、コンテンツが含まれています。2 番目にはコンテンツがありますが、一部の部分のみです。どちらも with と height を設定する必要があります。2nd div が 1st と重なっている部分ではクリックイベント発生時に 2nd を優先しなければならないのですが、2nd div にコンテンツがない場合は 1st div でイベントを受け取れるようにしたいです。

ここにフィドルがあります：http://jsfiddle.net/meosoft/FQeWz/

リンクをクリックしたい場合は、機能しません。既存のコードを変更する必要はなく、他のコードを追加できるソリューションを探しています。特に寸法を設定する必要があるため、2番目のdivに寸法を設定しなくても機能します。また、これは IE では機能しますが、FF や Webkit では機能しません。

皆さんなら、この問題をどのように解決しますか?

4

1 に答える 1

0

これを試して：

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

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

これは、イベントを最初のdivに送信するための要件に適合します。リンクをクリックしてイベントを受信したい場合は、divが互いに重なり合っているため、わかりません。

于 2011-07-30T00:57:44.273 に答える