2012-07-26 9 views
6

Używam Bootstrap, z Twittera do modowego dialogu modów w aplikacji marionetki.Skoncentruj pierwsze pole w formach modalnych

Chciałbym wiedzieć, jaki jest najlepszy sposób na skupienie się na pierwszym polu w formach modalnych bez używania wymyślnego javascriptu.

Oto mój kod:

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

Możliwy duplikat [Twitter bootstrap modalne pole wejściowe ostrości] (http://stackoverflow.com/questions/15474862/twitter-bootstrap-modal-input-field-focus) –

Odpowiedz

11

Można użyć pokazany zdarzenie, jak pokazano w doc

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

Jeśli odpowiedź odupont „s nie pomoże, (tak jak ja,) spróbuj tego:

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

Oto początek Odpowiedź datowany:

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