javascript - 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 autofocus 属性，但它不适用。

Bootstrap modal show event

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

我想要与 Bootstrap 2.1 类似的自动对焦，请指导我实现这一点。

提前致谢

Answer 1

我解决了这个问题...

Bootstrap 模式有“显示”事件。它在模型打开后触发。只需将焦点表单的第一个元素的代码放在事件函数上即可。就像下面

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