重疊的DIV兄弟姐妹的事件解析

我有一個問題，我有2個兄弟姐妹重疊。首先是不透明的，並且有內容。其次有內容，但僅限於某些部分。兩者都需要設置其高度和高度。在第2個div與第1個div重疊的部分，2nd發生Click事件時優先，但在第2個div中沒有內容時，我希望1st div接收事件。重疊的DIV兄弟姐妹的事件解析

這裏有一個小提琴：http://jsfiddle.net/meosoft/FQeWz/

現在，如果你想點擊鏈接，這是行不通的。我正在尋找一種解決方案，不需要對現有代碼進行任何更改，但可以添加任何其他代碼。因爲我特別需要設置尺寸，而不需要在第二個div上設置尺寸。此外，這在IE中可用，但不適用於FF或Webkit。

你們會如何解決這個問題？

來源

2011-07-29 mirosval

試試這個：

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

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

這符合要求的事件發送到第一個div。如果你希望鏈接收到事件，如果你點擊它，我不確定，因爲你有divs坐在彼此之上。

來源

2011-07-30 00:57:44 drneel

謝謝，但這對我不起作用，因爲我需要處理其他事件，而不僅僅是點擊加上第一個div中可能有多個按鈕。看起來這對於HTML CSS來說是不可能的。我實際上通過重新編排HTML並從#controls div中移除尺寸並將其內容定位到共同的父分區來解決問題... – mirosval

重疊的DIV兄弟姐妹的事件解析

回答

相關問題