jquery - 如何处理可点击区域顶部的元素

Question

我已经构建了一个 Accordion 风格的控件，并且正在努力使其尽可能易于访问和语义化。我现在工作正常，但我不太确定其中的一个方面。出于某种原因感觉有点脏。不确定它是否脏了。

演示:http://jsfiddle.net/MygBf/

在我的 Accordion 面板中，整个顶部栏(标题)都是可点击的。而且，我在每个顶部栏的右侧都有一些关键字框。我实现这些关键字框的方式是绝对定位它们(​​将它们放在链接的顶部)。这会产生无法再单击该栏的死 Angular 的不良影响。为了解决这个问题，我只是给关键字框一个 onclick(与链接具有的 onclick 相同)。这一切都有效，但就像我说的，感觉很乱/很脏。

最后，问题:它是骇客/肮脏的吗？如果是这样，是否有关于另一种方法的想法来实现那里的关键字框，但不会在可点击区域中创建死空间？

Answer 1

这不完全是您要查找的内容，但我会将选择器更改为整个标题元素，而不是单独选择子元素。这样做可以获得您正在寻找的效果:

$expandos.on('click', 'header', function(event){

演示:http://jsfiddle.net/Rm2Vn/