允许在div中单击带有重叠链接的子元素

Question

基本上，我有一个jQuery手风琴。我安排了内容，使其出现在手风琴的边框（标题）内。我在内容中有几个与href绑定的项目。问题是我无法点击手风琴标题，因为它也可以点击。

看起来像这样：

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

所以我可以将点击事件绑定到底层，但我真的很想避免这样做。有什么选择？

Answer 1

您可以通过OnClick="preventAction(event)"和JS

来阻止它

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

Answer 2

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

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

不是最初要求的，但足够简单易用。