允许点击带有覆盖链接的div中的子元素

Question

所以基本上，我有一个jQuery手风琴。我对内容进行了排列，使其显示在手风琴的边界框(标题)内。我有几个项目在内容中绑定了href，问题是我不能点击折叠的标题，因为它显然也是可点击的。

它看起来是这样的：

---------------------------
- (top layer)             -
-                         -
-   ------------------    -
-   - (bottom layer) -    -
-   - click me!      -    -
-   ------------------    -
-                         -
---------------------------

所以我可以将一个click事件绑定到最底层，但我真的很想避免这样做。有哪些选择？

Answer 1

摘自http://cmar.me/2011/06/15/links-in-jquery-accordion-headers/

$('content .image a').click(function() {
    window.location = $(this).attr('href');
    return false;
});

不是最初要求的，但很简单，可以接受。

Answer 2

你可以通过OnClick="preventAction(event)"和JS来防止它

function preventAction(e) {
       e.preventDefault();
}