/ / jQuery ': tabbable' selector with .ch Children () - javascript, jquery, jquery-ui

jQuery: tabbable selector with .children () - javascript, jquery, jquery-ui

Snažím sa napísať pár udalostí, ktoré reagujú na stlačenie klávesov na „dokument“, aby som vždy zvládol správne fungovanie tabulátora v modálnom okne, alebo vždy udržiaval zameranie tabulátora vo vnútri modálu.

Mám pracujúcu jsFiddle, ale predpokladá sa, že všetky tabelovateľné prvky sú priamymi deťmi modálneho kontajnera, ktorý používa

var $modalTabElements = $(modalID +">:tabbable");

http://jsfiddle.net/qodyp3jn/12/

Toto je rovnaké demo, až na to, že teraz sú vstupy v móde vnorené do iného dielca Jediným rozdielom je selektor

var $modalTabElements = $(modalID).children(":tabbable");

http://jsfiddle.net/qodyp3jn/13/

Nefunguje selektor „: tabbable“ s metódou .ch Children (), alebo tu niečo iné chýba?

odpovede:

2 pre odpoveď č. 1

.children() vracia iba priame deti. Chceš .find() všetci potomkovia s tabuľkami:

var $modalTabElements = $(modalID).find(":tabbable");

Aktualizované husle