У меня есть страница с макетом for, где одна половина страницы имеет динамическую ширину, а другая фиксированная. Это достигается перемещением стороны фиксированной ширины вправо. Все отображается нормально, но поскольку разметка фиксированной ширины предшествует разметке динамической ширины, порядок табуляции сбрасывается.
См. здесь: http://jsfiddle.net/BaMqG/
Как я могу преодолеть это, не прибегая к установке свойств tabindex на входы?
Вы можете использовать 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++;
});
});
});
Начальное значение для i может быть установлено на любой номер tabindex, с которого вы хотите начать.
Мне удалось получить такую же форму без индекса вкладок для работы с использованием таблиц.
См. здесь: http://jsfiddle.net/ymSGM/
Мне все равно было бы интересно, можно ли это сделать по-другому.
