模态显示的焦点输入

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在模态显示之前是triggerede。 您需要使用shown.bs.modal事件。

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

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

Answer 2

在您的代码中，使用autofocus

<input name="myInput" value="MyVal" type="text" autofocus/>