erlauben klicken von Kind-Element in div mit überlagernden Link

Question

Also im Grunde habe ich eine jQuery Akkordeon. Ich ordnete den Inhalt so, dass er innerhalb der Begrenzungsbox (Kopfzeile) des Akkordeons erscheint. Ich habe mehrere Artikel, die href an sie innerhalb des Inhalts gebunden haben. Problem ist, dass ich nicht durch den Akkordeon-Header klicken kann, weil es natürlich auch anklickbar ist.

Es sieht wie folgt aus:

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

So kann ich binden nur ein Click-Ereignis auf die unterste Ebene, aber ich würde wirklich gerne so tun, zu vermeiden. Wie lauten die Optionen?

Answer 1

Entnommen http://cmar.me/2011/06/15/links-in-jquery-accordion-headers/

$('content .image a').click(function() { 
    window.location = $(this).attr('href'); 
    return false; 
}); 

Nicht das, was ursprünglich angefordert wurde, aber einfach genug, um mit zu leben.

Answer 2

Sie können es verhindern, indem OnClick="preventAction(event)" und in JS

function preventAction(e) { 
     e.preventDefault(); 
}