Question

我有一个问题，我有两个重叠的兄弟div。首先是不透明的，并且有内容。第二个有内容，但仅限于某些部分。两者都需要设置它们的高度和高度。在第二个div重叠第一个的部分，第二个必须优先发生Click事件，但是第二个div中没有内容，我希望第一个div接收事件。

这是一个小提琴：http://jsfiddle.net/meosoft/FQeWz/

现在，如果要单击该链接，则无效。我最好寻找一个不需要对现有代码进行任何更改的解决方案，但它可以添加任何其他代码。因为我真的特别需要设置尺寸，而不在第二个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坐在彼此的顶部。

重叠DIV兄弟的事件解决方案

1 个答案: