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
Permettez-moi de partager le fichier js: dropbox.com/s/osgkfcmqtm4p42v/init.js
OriginalL'auteur SeinopSys | 2013-01-01
Vous devez vous connecter pour publier un commentaire.
essayez ceci:
au lieu de
de vérifier la nouvelle console.log() essayer les deux œuvres?
Aucun d'entre eux travaille.
euh ... c'est tellement étrange peut vous alerter votre modal html? il vous montre le modal? alors pouvez-vous créer un jsfiddle.net donc je peux vous aider profondément?
Je vais charger mon site ftp et vous donner un lien, attendre.
OriginalL'auteur itsme
Votre code ne fonctionne pas. Êtes-vous de charger le bootstrap css?
http://jsfiddle.net/xjCAn/
Je ne peux pas poster ce w/o code:
remote: '/language.html'
, je suppose que c'est pourquoi il fonctionne.ne pas faire une différence: jsfiddle.net/xjCAn/1
J'ai omis, car il ne sera pas trouvé
Rejoignez-nous @ chat.stackoverflow.com/rooms/22001/...
OriginalL'auteur ic3b3rg
Après beaucoup d'aide de @Badaboooooom et @ic3b3rg, il s'avère que j'avais pour l'échange de la
.modal({... remote : '...', ..})
pour undata-remote="..."
dans la balise script de balisage, et a également eu pour supprimer le.fade
de#lngModal
.OriginalL'auteur SeinopSys
J'ai eu aussi une fois, mais seulement quand j'ai voulu l'augmentation de taille modale en utilisant le code css suivant:
J'ai corrigé par la mise en
max-height
sur lemodal-body
:Avez-vous changé le modal css?
.modal *, .modal input, .alert { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
,.modal > h4 { padding-bottom:7px }
,.modal-body { padding-bottom:0 }
pourquoi vous répétez Helvetica Neue je pense que bootstrap utilise lui-même
Mon site utilise une autre police, je l'ai adapté.
OriginalL'auteur asgoth