Question

问题：自动对焦不适用于我的弹出形式的bootstrap 2.1

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

我需要指导才能解决此问题。我尝试使用JavaScript 焦点功能，并尝试使用html autofocus属性，但它没有应用。

Bootstrap modal show event

我尝试了这个堆栈溢出问题，但它需要将我的引导程序更新到3.0但是我不可能因为它需要大量时间而更新。

我想要与bootstrap 2.1类似的自动对焦，请引导我走向这个。

提前致谢

Answer 1

我解决了这个问题......

Bootstarp模型已显示＆＃34;＆＃34;事件。它在模型打开后开火。只需将代码作为焦点的第一个元素元素放在事件函数上。如下所示

$('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();
     });

bootsprap 2.1模态自动对焦无法正常工作

2 个答案: