Мои данные не отображаются, как ожидалось

Question

У меня есть код, который должен:

1. Генерировать десять <input> с - сделано
2. Скрыть все, кроме первых трех - сделано
3. Показать следующий вход, если что-то изменилось в последнем видимом. Эта часть не работает!

Как я могу это исправить?

for (var i = 0; i < 10; ++i) {

    if (i == 0) {

        $('#tags').append('<input name="group_interests[]" class="group_interests" type="text" />');

    } else {

        $('#tags').append('<input name="group_interests[]" class="group_interests default_text" type="text" value="start typing to see the list" />');

    }

}

$('#tags .group_interests:gt(2)').hide();

$('#tags .group_interests:visible').last().focus( function() {

    $(this).next().show();

});

Answer 1

Ваш фокус всегда привязан к одному и тому же входу.Попробуйте вместо этого:

for (var i = 0; i < 10; ++i) {
    if (i == 0) {
        $('#tags').append('<input name="group_interests[]" class="group_interests" type="text" />');
    } else {
        $('#tags').append('<input name="group_interests[]" class="group_interests default_text" type="text" value="start typing to see the list" />');
    }
}

$('#tags .group_interests:gt(2)').hide();

$('#tags .group_interests:visible').last().focus(showNext);

function showNext() {
    $(this).unbind('focus').next().show().focus(showNext);
}