Sponsored Links |
|
||||
Ich sehe gerade, ich habe die Frage irreführend gestellt.
Für die Klasse kann ich ja „toggleClass“ statt „removeClass“ nehmen. Mein Problem sind die Aria-Attribute: Wie tausche ich bei einem erneuten Klick die Value (true, false)? „toggleAttr“ gibt es ja nicht. Code:
$(document).ready(function() { .................. $('#menu > li').on('focusin : click',function() { .............. $(this).find('ul[aria-hidden="true"]').attr('aria-hidden', 'false'); $(this).toggleClass('jsHover') }); ............. }); Das scheint zumindest halbwegs zu funktionieren. Die DOM-Manipulation ist korrekt, im Frontend funktioniert es allerdings erst dann, wenn ich paar mal hin und her geklickt habe: Code:
$(document).ready(function() { .................. $('#menu > li').on('focusin : click',function() { .............. $(this).toggleClass('jsHover').find('.hasSub + ul').toggle(function(){ if($(this).attr('aria-hidden')=='true') { $(this).attr('aria-hidden', 'false'); } else { $(this).attr('aria-hidden', 'true'); } }); }); ............. }); Geändert von etux (03.11.2015 um 07:49 Uhr) |
Sponsored Links |
|
||||
Für das aktuelle Projekt habe ich die Lösung gefunden. Die Navigation ist mit Maus und Tastatur bedienbar; die Untermenüs können mit einem Klich ausserhalb der Navigation wieder versteckt werden (oder wenn der Focus verloren geht - Tastatur).
Die Listenelemente der ersten Ebene haben dafür „tabindex“ bekommen. So blieb das JavaScript wie gehabt. Ein komplettes Beispiel (Testcase) poste ich aber (noch) nicht. Die Navigation, auch wenn ein wenig anders, ist Bestandteil der Themen, die ich aktuell für TYPO3 und Wordpress entwickele. Wird also eh demnächst (allein oder eben mit den Themen) Interessierten zur Verfügung stehen. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
iframe nach klick öffnen und starten | Schnisi | CSS | 1 | 28.08.2014 23:24 |
Klick auf Link macht Navigation sichtbar | Fanello | CSS | 3 | 20.06.2013 14:47 |
IE reagiert auf Klick auf Canvas nicht (Prototype) | rumblebee | Javascript & Ajax | 4 | 21.09.2011 12:09 |
Aufklappendes Menü auf Klick, das dann auch bleibt | alex87 | CSS | 4 | 19.09.2009 13:49 |
Klick auf ein Link, mehrere Sachen ändern | Schneemann | Javascript & Ajax | 8 | 12.09.2006 12:00 |