Wie Tabindex von versteckten/sichtbaren Elementen zu deaktivieren und wieder zu aktivieren?

Question

Wie kann ich die tabindex eines Elements basierend darauf ändern, ob das Element sichtbar ist (im sichtbaren Bereich)? Ich möchte eines dieser Dinge tun: Setzen Sie den aktuellen tabindex beim Eingeben eines neuen Abschnitts zurück und weisen Sie den Elementen in diesem Abschnitt neue tabindex zu. Oder in der Lage sein, tabindex bestimmter Elemente zu deaktivieren und wieder zu aktivieren.

html:

<div id="nav"> 
     <a id="firstLink" href="#section1" tabindex="1">Go to section 1</a> 
     <a id="secondLink" href="#section2" tabindex="2">Go to section 2</a> 
    </div> 
    <div id="container"> 
     <div id="section1"> 
      <a href="#" tabindex="3">Specific to section 1</a> 
     </div> 
     <div id="section2"> 
      <a href="#" tabindex="3">Specific to section 2</a> 
     </div> 
    </div> 

Ich mag die Links in der Tab-Reihenfolge sein, wenn ihr Abschnitt sichtbar ist.

css:

#container{ 
     overflow: hidden; 
     width: 400px; 
     height: 400px; 
    } 

    #section1{ 
     background: red; 
     width: 400px; 
     height: 400px; 
    } 

    #section2{ 
     background: green; 
     width: 400px; 
     height: 400px; 
    } 

anschauliches Beispiel: http://jsfiddle.net/2UF3n/5/

Answer 1

Sie können disabled="disabled" von jedem versteckten Feld dynamisch hinzufügen oder entfernen, um seinen tabindex Wert ignoriert werden.

$("a:hidden").attr("disabled","disabled");