javascript - AngularJS 演示模式中的 JQuery 输入字段焦点

Question

我尝试应用网址中显示的演示模式:

http://getbootstrap.com/javascript/
after "Varying modal content based on trigger button".

并且还使用 html 代码

<input name="email" type="email" id="email" />

...和 ​​JavaScript 代码

$('#exampleModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget)
  var modal = $(this)
  modal.find('.modal-title').text('Log In')
  modal.find('.modal-body input').val("This Body..")
  $(this).find('#email').focus();//why it doesn't work????????
})

如何设置邮件输入自动聚焦功能？谢谢

Answer 1

使用shown.bs.modal而不是show.bs.modal

尝试如下所示:

$('#exampleModal').on('shown.bs.modal', function (event) {
  var button = $(event.relatedTarget)
  var modal = $(this)
  modal.find('.modal-title').text('Log In')
  modal.find('.modal-body input').val("This Body..")
  $(this).find('#email').focus(); //now it will work
})