模态显示的焦点输入

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是之前触发 << mod>已显示模态。您需要改为使用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/>