부동 입력의 탭 인덱스

Question

페이지의 절반이 동적 너비이고 다른 하나가 고정되어있는 레이아웃이있는 페이지가 있습니다. 이것은 고정 너비 쪽을 오른쪽으로 유동시킴으로써 이루어집니다. 그것은 모두 잘 표시되지만 고정 폭 마크 업이 동적 폭 마크 업보다 먼저 오기 때문에 탭 정렬이 해제됩니다.

는 여기를 참조하십시오 :

는 어떻게 입력에 tabIndex 속성을 퍼팅에 의지하지 않고이 문제를 극복 할 수 http://jsfiddle.net/BaMqG/?

Answer 1

테이블을 사용하여 작업 할 탭 인덱스가없는 동일한 모양을 얻을 수있었습니다.

는 여기를 참조하십시오 : 그것은 다른 방법으로 할 수 있으면 http://jsfiddle.net/ymSGM/

난 여전히 관심이있을 것입니다.

Answer 2

jQuery를 사용하여 루프 및 카운터 변수로 tabindexes를 동적으로 설정할 수 있습니다. 확인 해봐. http://jsfiddle.net/BaMqG/22/는

$(document).ready(function() { 
    var i = 1; 
    $('.wrapper').each(function(){ 
     $(this).children('.dynamic').children('input').each(function(){ 
      $(this).attr("tabindex",i); 
      i++; 
     }); 
     $(this).children('.fixed').children('input').each(function(){ 
      $(this).attr("tabindex",i); 
      i++; 
     }); 
    }); 
});​ 

은 내가 초기 값은 당신을 시작하려는 어떤 tabIndex를 숫자로 설정 될 수있다.