L'utilisation de bootstrap .modal() chargé dynamiquement le contenu

J'ai mon code ici, qui insère un prédéfini modal de balisage à la fin du corps:

var languageModal = 
'<div id="lngModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="lngModalLabel" aria-hidden="true">'+
'   <div class="modal-body"></div>'+
'   <div class="modal-footer">'+
'       <form class="inline" id="lngModalForm">'+
'           <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">'+
'               <span lang="hu"'+((langAfterInit == 'hu') ? '' : ' style="display:none;"')+'>Bezárás</span>'+
'               <span lang="en"'+((langAfterInit != 'hu') ? ' style="display:none;"' : '')+'>Close</span>'+
'           </button>'+
'       </form>'+
'   </div>'+
'</div>';

$('body').append(languageModal);

Mais, quand je l'appelle .modal() sur elle, il ne se charge pas, seulement le noir incrustation s'affiche:

$('#lngModal').modal({
    backdrop    : 'static',
    keyboard    : false,
    remote      : '/language.html',
});

J'ai essayé avec .on('modal',{...}), mais cela ne fonctionne pas.

assurez-vous que vous avez chargé le modal.js ? aussi, êtes-vous en train d'essayer d'ouverture automatique de la modale ou d'ouverture que sur le btn cliquez sur ou somenthing comme ça?
Permettez-moi de partager le fichier js: dropbox.com/s/osgkfcmqtm4p42v/init.js

OriginalL'auteur SeinopSys | 2013-01-01