twitter-bootstrap - 以模态形式聚焦第一个字段

Question

我正在使用来自 Twitter 的 Bootstrap 在 Marionette 应用程序中生成模态对话框。

我想知道在不使用花哨的 javascript 的情况下将第一个字段集中在模态表单中的最佳方法是什么。

这是我的代码：

var app = new Marionette.Application();

app.addRegions({
    modal: '#modal'
});

app.vent.on('showModal', function (view) {
    var modal = app.modal;

    modal.show(view);
    modal.$el.modal({
        show: true,
        keyboard: true,
        backdrop: 'static'
    });
});

Answer 1

您可以使用文档中显示的事件

modal.$el.on('shown', function () {
  $('input:text:visible:first', this).focus();
});

Answer 2

如果odupont你的回答对你没有帮助，（像我一样）试试这个：

$('.modal').on('shown.bs.modal', function () {
    $('#firstField').focus();
})

Answer 3

这是一个更新的答案：

$('.modal').on('shown.bs.modal', function () {
    $('input:first', this).focus();
});