模态显示的焦点输入

Question

如何在模态显示上自动聚焦输入？目前我这样做，但它不起作用：

jQuery(document).ready(function($) {
    $('#myModal').on('show.bs.modal', function() {
        $('input[name="myInput"]').focus();
    });
});

http://jsfiddle.net/1aeur58f/2513/

Answer 1

你的代码基本上是正确的。但是该事件show.bs.modal是在显示模态之前触发的。您需要改用shown.bs.modal事件。

jQuery(function($) {
    $('#myModal').on('shown.bs.modal', function() {
        $('input[name="myInput"]').focus();
    });
});

http://jsfiddle.net/1aeur58f/2544/