Combinando PHP con el Javascript de Bootstrap

[ramondevesa]

Buenas, estoy intentando activar una función de Bootstrap en el momento que carga la página, la estoy combinando con PHP ya que previamente comprueba si una tabla se encuentra vacía, si se dá esa condición es cuando pretendo que se cargue esta función. En el caso de que se cumpla la condición PHP he añadido el siguiente código JavaScript.

Código Javascript:

BootstrapDialog.show({
            message: 'Your most favorite fruit: <input type="text" class="form-control">',
            onhide: function(dialogRef){
                var fruit = dialogRef.getModalBody().find('input').val();
                if($.trim(fruit.toLowerCase()) !== 'banana') {
                    alert('Need banana!');
                    return false;
                }
            },
            buttons: [{
                label: 'Close',
                action: function(dialogRef) {
                    dialogRef.close();
                }
            }]
        });
 

Junto con las etiquetas HTML:

Código HTML:

<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
 

Y el resultado de esto es que no me devuelve absolutamente nada, sin embargo si meto un simple <H1> para hacer una prueba si me lo muestra, decir que tengo todo el js y css de bootstrap incluido en el header de mi página.