重點模態形式的第一個領域

我正在使用Bootstrap，從Twitter在製片人應用程序中生成模態對話框。重點模態形式的第一個領域

我想知道什麼是最好的方式來集中模態形式的第一個領域，而不使用花哨的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' 
    }); 
});

來源

2012-07-26 js999

的可能的複製[Twitter的引導模態輸入字段焦點]（http://stackoverflow.com/questions/15474862/twitter-bootstrap-modal-input-field-focus） – 2015-10-13 13:46:06

您可以使用如見於doc

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

來源

2012-07-26 11:49:13 odupont

如果odupont的回答對您沒有幫助的顯示事件，（像我一樣，）試試這個：

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

來源

2014-03-04 13:30:24 ParPar

這裏有一個過時答案：

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

來源

2015-11-25 16:43:48 Expenzor

重點模態形式的第一個領域

回答

相關問題