Ich versuche, ein paar Ereignisse zu schreiben, die auf Tastendrücke auf "Dokument" reagieren, um immer die korrekte Tabulatorfunktionalität in einem modalen Fenster zu handhaben, auch wenn der Tabulatorfokus immer innerhalb des modalen Fensters bleibt.
Ich habe eine funktionierende jsFiddle, aber dies setzt voraus, dass alle tabbable Elemente direkte Kinder des modalen Containers sind, der verwendet
var $modalTabElements = $(modalID +">:tabbable");
http://jsfiddle.net/qodyp3jn/12/
Hier ist die gleiche Demo, außer dass die Eingaben im Modal in einem anderen Div verschachtelt sind Der einzige Unterschied ist der Selektor
var $modalTabElements = $(modalID).children(":tabbable");
http://jsfiddle.net/qodyp3jn/13/
Funktioniert der Selektor ": tabbable" nicht mit der .children () - Methode, oder fehlt hier noch etwas?
Antworten:
2 für die Antwort № 1.children() Gibt nur direkte Kinder zurück. Du möchtest .find() alle tabulierbaren Nachkommen:
var $modalTabElements = $(modalID).find(":tabbable");