Llamar a una función en el modo de arranque abierto

Solía ​​usar el cuadro de diálogo de JQuery UI, y tenía la openopción, donde puede especificar algún código Javascript para ejecutar una vez que se abre el cuadro de diálogo. Hubiera usado esa opción para seleccionar el texto dentro del diálogo usando una función que tengo.

Ahora quiero hacer eso usando el modal de bootstrap. A continuación se muestra el código HTMl:

<div id="code" class="modal hide fade">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body">
        <pre>
print 'Hello World'

Y en cuanto al botón que abre el modal:

 <a href="#code" data-toggle="modal" class="btn code-dialog">Display code</a>

Traté de usar un botón de escucha del botón, pero el mensaje de alerta se mostró antes de que apareciera el modal:

$( ".code-dialog" ).click(function(){
    alert("I want this to appear after the modal has opened!");
});

Puede usar el evento mostrado / evento basado en lo que necesita:

$( "#code" ).on('shown', function(){
    alert("I want this to appear after the modal has opened!");
});

Demostración: Plunker

Actualización para Bootstrap 3.0

Para Bootstrap 3.0 aún puede usar el evento mostrado, pero lo usaría así:

$('#code').on('shown.bs.modal', function (e) {
  // do something...
})

Vea los documentos de Bootstrap 3.0 aquí en "Eventos".

no funcionará ... use $(window)en su lugar

Para mostrar

$(window).on('shown.bs.modal', function() { 
    $('#code').modal('show');
    alert('shown');
});

Para esconderse

$(window).on('hidden.bs.modal', function() { 
    $('#code').modal('hide');
    alert('hidden');
});

puede usar en showlugar de shownhacer que la función se cargue justo antes de abrir modal, en lugar de después de abrir modal.

$('#code').on('show.bs.modal', function (e) {
  // do something...
})

Bootstrap modal expone eventos. Escucha el shownevento como este

$('#my-modal').on('shown', function(){
  // code here
});

si alguien todavía tiene un problema, lo único que funciona perfectamente para mí usando (loaded.bs.modal):

 $('#editModal').on('loaded.bs.modal', function () {
       console.log('edit modal loaded');

       $('.datepicker').datepicker({
            dateFormat: 'yy-mm-dd',
            clearBtn: true,
            rtl: false,
            todayHighlight: true,
            toggleActive: true,
            changeYear: true,
            changeMonth: true
        });
});

Puede usar el código de abajo para mostrar y ocultar el modelo bootstrap.

$('#my-model').on('shown.bs.modal', function (e) {
  // do something here...
})

y si desea ocultar el modelo, puede usar el siguiente código.

$('#my-model').on('hidden.bs.modal', function() {
    // do something here...
});

Espero que esta respuesta sea útil para tu proyecto.