如何在模态中设置焦点输入？

Question

我正在尝试在模式显示后将焦点设置在输入上。

到目前为止我看到并尝试过的解决方案和链接：How to focus on a form input text field on page load using jQuery?、Jquery Focus on input field，但它们都不起作用。

我的代码其实很简单：

$input = $("#letter-change-text").find("input[type='text']");
$input.val($.trim("I am just testing!!"));
$("#letter-change-text").modal('show');
$input.focus(); // this should focus the textbox in order to allow immediately input by the user

您可以在 JSfiddle 中查看此问题。

我也试过了，没有成功：

setTimeout(function(){
   $input.focus();
}, 0);

Answer 1

使用显示的事件

$(function(){
    $input = $("#letter-change-text").find("input[type='text']");
    $input.val($.trim("I am just testing!!"));
    $('#letter-change-text').on('shown.bs.modal', function (e) {
       $input.focus();
    }).modal('show');
});

Answer 2

你可以试试

$("#dgRejectSalvage").on('shown.bs.modal', function () {
    $(this).find('#RejectionReason').focus();
});