1

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

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

现在，如果您想单击该链接，它不起作用。我正在寻找一种不需要对现有代码进行任何更改但可以添加任何其他代码的解决方案。因为我真的特别需要设置尺寸，而无需在第二个 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 回答