Css 引导模式中输入的自动聚焦

我正在使用Bootstrap3创建一个模式框。我想让它在输入区域自动对焦。我尝试使用jQuery，但我不知道问题出在哪里

JavaScript:

$('#click').click(function () {
    $('input').focus()
});

---

这是一个

这可能是硬代码，但添加了一个超时函数来聚焦它。 事实上，模态还没有出现，因此浏览器无法聚焦其中的元素

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

我已经更新了你的密码。使用引导模式窗口时，可以使用以下几种方法。其中之一是show.bs.modal，它在模式完全显示且输入字段可聚焦后运行。请记住，事件将在模态上触发，而不是在模态打开的任何对象上触发

$('#myModal').on('shown.bs.modal', function () {
   $('input').focus();
})

---

如果我的回答解决了您的问题，请接受：Thnx tektiv，但我认为Erik的解决方案更好：是的，show.bs.modal事件在模态对用户可见后激发