Estou tentando escrever alguns eventos que respondem a pressionamentos de tecla no "documento" para sempre lidar com a funcionalidade de guias correta dentro de uma janela modal, ou seja, sempre mantendo o foco da guia dentro do modal.
Eu tenho um jsFiddle funcional, mas isso pressupõe que todos os elementos tabáveis são filhos diretos do contêiner modal usando
var $modalTabElements = $(modalID +">:tabbable");
http://jsfiddle.net/qodyp3jn/12/
Aqui está a mesma demonstração, exceto que agora as entradas no modal estão aninhadas em outro div a única diferença aqui é o seletor
var $modalTabElements = $(modalID).children(":tabbable");
http://jsfiddle.net/qodyp3jn/13/
O seletor ": tabbable" não funciona com o método .children () ou há algo mais que estou perdendo aqui?
Respostas:
2 para resposta № 1.children() retorna apenas filhos diretos. Você quer .find() todos os descendentes tabuláveis:
var $modalTabElements = $(modalID).find(":tabbable");