2012-07-26 24 views
6

Bir Kükürt Uygulamasında modal iletişimin otomatikleştirilmesi için Twitter'dan Bootstrap kullanıyorum.Modal formlarda ilk alana odaklanın

Modal formlarda ilk alanı fantezi javascript kullanmadan en iyi şekilde odaklamanın ne olduğunu bilmek isterim. İşte

kodum:

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' 
    }); 
}); 
+0

Olası kopyalar [Heyecan bootstrap modal giriş alanı odağı] (http://stackoverflow.com/questions/15474862/twitter-bootstrap-modal-input-field-focus) –

cevap

11

Benim gibi odupont 'ın cevabı size yardımcı olmadıysa doc

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

görüldüğü gibi gösterilen olayı, (kullanabilir,) Bunu deneyin:

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

İşte bir yukarı tarihli cevap:

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