Question

我已经建立了一个手风琴风格控件，并试图尽可能地使其成为可访问和语义。我现在工作得很好，但其中一个方面我不太确定。由于某种原因感觉有点脏。不确定它是否脏了。

在我的手风琴面板中，整个顶栏（标题）是可点击的。并且，我在每个顶部栏的右侧都有一些关键字框。我实现这些关键字框的方式是绝对定位它们（将它们放在链接的顶部）。这会造成死亡空间的不良影响，您无法再点击该栏。为了解决这个问题，我给了关键字框一个onclick（链接有相同的onclick）。这一切都有效，但就像我说的那样，感觉很乱/很脏。

最后，问题是： 是hacky / dirty？如果是这样，任何想法以另一种方式来实现关键字框，但不能在可点击区域中创建死区？

Answer 1

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

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

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

Answer 2

我不确定你的意思究竟是什么，但是如果你不想在点击onclick时触发标题boxes，请试试这个：

$(".boxes").click(function(e){
    e.stopPropagation();
});

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

2 个答案: