jquery – 在twitter bootstrap模式中的自动对焦输入

嗨，大家好！

我有这样的问题 – 我需要自动聚焦一些元素里面twitter bootstrap modal(之后它显示)。棘手的部分是这里 – 这个模态的内容使用’data-remote'(jQuery.load方法)从单独的html文件加载，所以

$(document).on('shown',".modal",function() {
        $('[autofocus]',this).focus();
    });

只有在模态加载之前才工作。
问题是 – 如何使自动对焦在第一时间模态负载工作。
提前致谢！

解决方法

我使用Bootstrap 3.0(希望，这也适用于3.1)。

我们不得不使用tabindex =“ – 1”，因为这允许ESC键关闭模态。

所以我能够解决这个问题使用：

// Every time a modal is shown,if it has an autofocus element,focus on it.
$('.modal').on('shown.bs.modal',function() {
  $(this).find('[autofocus]').focus();
});