2012-07-26 25 views
6

Estoy usando Bootstrap, desde Twitter para genereting modal-dialog en una aplicación de Marionette.Enfoque el primer campo en formularios modales

Me gustaría saber cuál es la mejor manera de enfocar el primer campo en formularios modales sin utilizar javascript de lujo.

Aquí mi código:

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

duplicado posible de [Twitter arrancar modal foco del campo de entrada] (http://stackoverflow.com/questions/15474862/twitter-bootstrap-modal-input-field-focus) –

Respuesta

11

Puede utilizar el mostrado suceso visto en el doc

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

Si la respuesta odupont 's no le sirvió de nada, (como yo,) intente esto:

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

Aquí hay un respuesta de fecha:

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