jQuery $(). Focus not working

Question

Я пытаюсь использовать метод focus() jQuery, и я не понимаю, почему он не работает. Вот скрипка: http://jsfiddle.net/3RGRv/4/

При нажатии «Готова к року», обработчик кнопки не вызываются, а внутри него, $('#playlistNameInput').focus();

Консоли регистрирует сообщения признает, что это было достигнуто и обработано, но до сих пор не фокус случается. Любая идея, почему это так?

Answer 1

использование этого

setTimeout(function(){$('#playlistNameInput').focus();},500); 

Answer 2

Ты первая проблема заключается в том, что в #step1 вы получили закрывающие тег случайной кнопки. Input s самозакрывающиеся.

Вот очищенное вверх версия для шага 1 и 2:

// Step 1 
<input id="playlistNameInput" size="10"> 
that has at least <input id="totalHours" size="2"> hours and 
<input id="totalMins" size="2"> minutes of music.</p> 
// Step 2 
<input id="songTitle" placeholder="Title"> 
<input id="songArtist" placeholder="Artist"> 
<input id="songMinutes" placeholder="Minutes"> 
<input id="songSeconds" placeholder="Seconds"> 

Во-вторых, при нажатии кнопки «Готов к Rock», это приведет вас к #step2, который не имеет #playlistNameInput.

Наконец, переместите $('#playlistNameInput').focus() в fadeOut так, что он будет запущен после того, как следующий шаг был утрачен в.

$("#prompt").fadeOut('10000', function() 
{ 
    $("#step1").css("visibility", "visible").hide().fadeIn('slow'); 
    $('#playlistNameInput').focus(); 
}); 

Done. Вот cleaned-up, working fiddle.