我輸入不顯示如預期

Question

我有一些代碼應：

1. 生成10 <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); 
}