JQuery的輸入域的焦點演示模式

Question

我嘗試應用在URL所示的演示模式：

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???????? 
}) 

如何自動在電子郵件輸入中設置焦點功能？ 感謝的show.bs.modal

你

Answer 1

使用shown.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 
})