如何處理可點擊區域頂部的元素

我已經構建了一個手風琴風格控件，並試圖使其儘可能易於使用和語義化。我現在工作得很好，但我不太清楚它的一個方面。由於某種原因，感覺有點髒。不確定它是不是很髒。如何處理可點擊區域頂部的元素

以我手風琴面板，整個頂條（標題）是點擊。而且，我在每個頂部欄的右側都有一些關鍵字框。我實現這些關鍵字框的方式是絕對定位它們（這將它們放在鏈接的頂部）。這造成了死的空間，你不能再點擊吧。爲了解決這個問題，我只給了關鍵字框一個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

如何處理可點擊區域頂部的元素

回答

相關問題