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

我已经构建了一个手风琴风格控件，并试图使其尽可能易于使用和语义化。我现在工作得很好，但我不太清楚它的一个方面。由于某种原因，感觉有点脏。不确定它是不是很脏。如何处理可点击区域顶部的元素

以我手风琴面板，整个顶条（标题）是点击。而且，我在每个顶部栏的右侧都有一些关键字框。我实现这些关键字框的方式是绝对定位它们（这将它们放在链接的顶部）。这造成了死的空间，你不能再点击吧。为了解决这个问题，我只给了关键字框一个onclick（链接有相同的点击）。这一切都有效，但正如我所说的，感觉哈克/肮脏。

最后，问题： 它是hacky /脏吗？如果是这样，任何想法的另一种方式来实现关键字框在那里，但不能在可点击区域创建死空间？

来源

2012-02-02 Bart

我认为它是好的。 – Jack 2012-02-02 16:33:29

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

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

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

来源

2012-02-02 20:06:04

感谢芽，这简化了一点。 – Bart 2012-02-02 20:12:38

我不知道你的意思究竟是什么，但如果你不想头onclick对boxes点击尝试时被解雇这样的：

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

来源

2012-02-02 16:25:01 Omid

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

回答

相关问题