bootstrap 2.1 模态自动对焦不起作用

Question

ISSUE : Auto focus is not applying to my pop up form of bootstrap 2.1

我正在使用 Twitter bootstrap 2.1 尝试在单击并显示弹出窗口时自动聚焦在第一个输入元素上。

我需要指导来解决这个问题。我尝试使用 JavaScript focus 功能，也尝试使用 html 自动对焦属性但它不适用。

Bootstrap modal show event

我尝试了这个堆栈溢出问题，但它需要将我的 bootstrap 更新到 3.0，但我无法更新，因为它需要大量时间。

我想要与 bootstrap 2.1 类似的自动对焦，请指导我这样做。

提前致谢

Answer 1

我解决了这个...

Bootstrap 模态有 "shown" 事件。它在模态打开后触发。只需将您的代码放在事件函数上，以获得焦点形式的第一个元素。喜欢下面

$('your-model-id').on('shown', function () {
  $('#your-text-box-id').focus();
});

Answer 2

它对所有使用的模态的通用解决方案无需为单个模态编写方法你可以试试这个

$('.modal').on('shown', function () {
        var first_elemt = $('.modal').filter(':visible:first').find('input[type=text]').attr('id');
       $('#'+first_elemt).focus();
     });

bootstrap 2.1 模态自动对焦不起作用

bootsprap 2.1 modal autofocus not working

html

javascript

jquery

twitter-bootstrap

twitter-bootstrap-2