jquery - 允许通过覆盖链接单击 div 中的子元素

Question

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

它看起来像这样：

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

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

Answer 1

OnClick="preventAction(event)"您可以通过JS 和在 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;
});

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