Javascript jQuery$（）。焦点不工作

我试图使用jQuery的focus（）方法，但我不明白为什么它不起作用。这是一把小提琴：

当您按下“Ready to rock”（准备摇滚）按钮时，按钮处理程序被调用，在按钮处理程序中，

$（“#playlnameinput”）.focus（）

控制台记录消息，确认已到达并处理此消息，但仍然没有焦点发生。知道为什么吗？
用这个

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

第一个问题是，在
#step1
中，您有随机的按钮结束标记<代码>输入

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">

---

完成了。这是一个问题。

如果元素未显示（或至少被视为布局的一部分），则无法聚焦。等待淡入动画完成，然后调用

focus

。如果那不起作用，我不知道为什么。主干网和jQuery的结合有点难以观察。注意：你应该验证你的HTML代码，这会暴露出很多潜在的问题。例如，HTML文档应该有

标题

部分，而不是

标题

部分

minutes

LOL我想你在复制代码时忘了删除

。

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