Cargar contenido con ajax en modo bootstrap

Estoy intentando que mi modal de arranque recupere datos usando ajax:

 Birthdays  

Mi modal:

  

Cuando hago clic en el enlace, se muestra el modal pero el cuerpo está vacío. Además, no veo ninguna solicitud de Ajax. Estoy usando Bootstrap 2.1.1

¿Qué estoy haciendo mal?

La respuesta más votado está en desuso en Bootstrap 3.3 y se eliminará en v4 . Pruebe esto en su lugar:

JavaScript:

 // Fill modal with content from link href $("#myModal").on("show.bs.modal", function(e) { var link = $(e.relatedTarget); $(this).find(".modal-body").load(link.attr("href")); }); 

Html (Basado en el ejemplo oficial . Tenga en cuenta que para Bootstrap 3. * establecemos data-remote="false" para deshabilitar la función de carga de Bootstrap en desuso):

   Launch Modal    

Pruébelo usted mismo: https://jsfiddle.net/ednon5d1/

Hecho fácilmente en Bootstrap 3 como tal:

 Click me 

Así es como resolví el problema, podría ser útil para algunos:

El modal Ajax no parece estar disponible con boostrap 2.1.1

Así que terminé codificándolo yo mismo:

 $('[data-toggle="modal"]').click(function(e) { e.preventDefault(); var url = $(this).attr('href'); //var modal_id = $(this).attr('data-target'); $.get(url, function(data) { $(data).modal(); }); }); 

Ejemplo de un enlace que llama a un modal:

  Birthdays  

Ahora envío todo el marcado modal a través de ajax.

Créditos a drewjoh