Montrant ajax résultat de l'appel en modal bootstrap
J'ai besoin d'afficher plusieurs données dans une modal Bootstrap. Pour que ce que j'ai fait ceci:
fichier js:
$('#seeProfile').on('show', function() {
$('.see-user').on('click', function(e) {
e.preventDefault();
var id = $(this).data('id');
$.ajax({
url: 'getUser',
type: 'POST',
data: {id: id},
success: function(html){
$('#seeProfile .modal-body .p').html('test');
},
error: function(){
alert("error");
}
});
});
});
vue extrait de (modal):
<div id="seeProfile" class="modal hide fade" tabindex="-1" data-replace="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h3>Perfil de Usuario</h3>
</div>
<div class="modal-body">
<p></p>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn">Close</button>
</div>
Ce n'est pas de travail. Modal ne s'affiche pas, mais lors de l'inspection de ce pas d'erreurs apparaissent. Ce que je fais mal?
MODIFIER
Donné les réponses que j'ai réalisé que j'ai raté un point, de sorte que le succès de la fonction comme:
$('#seeProfile .modal-body p').html("test");
Maintenant Que le modal est de travail que j'ai besoin de savoir comment faire pour insérer des données dans cette nouvelle organisation modale:
<div id="seeProfile" class="modal hide fade" tabindex="-1" data-replace="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h3>Perfil de Usuario</h3>
</div>
<div class="modal-body">
<div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible="1">
<div class="row-fluid">
<div class="span6">
<h5>Usuario</h5>
<p><input type="text" class="span12 m-wrap" id="username" readonly></p>
<h5>Nombre</h5>
<p><input type="text" id="name" class="span12 m-wrap" value="" readonly></p>
</div>
<div class="span6">
<h5>Email</h5>
<p><input type="text" class="span12 m-wrap" readonly></p>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn">Close</button>
</div>
comme vous pouvez le voir il ya beaucoup de "< p >" balises à l'intérieur modal-body. J'ai essayé d'insérer un id de sorte qu'il peut être distincts, mais il ne fonctionne pas pour moi. Comment puis-je faire cela?
OriginalL'auteur Limon | 2014-06-18
Vous devez vous connecter pour publier un commentaire.
Vous sont contraignantes pour l'événement click lorsque le modal qui sera affiché et vous ne jamais montrer la modales pour le gestionnaire de clic n'est jamais lié.
Vous pouvez faire quelque chose comme ceci:
Si vous ne souhaitez pas ajouter le gestionnaire de clic lorsque le modal qui sera affiché, vous devez utiliser le gestionnaire. Vous pouvez les trouver ici (ci-dessous les Événements).
OriginalL'auteur A1rPun
Vous devez remplacer
Par
Parce que vous êtes sont à la recherche d'une classe appelée
'p'
si vous insérez un point avant. Pour une balise html<p></p>
vous avez juste à écrire "p
" dans le sélecteur.Et terminer avec le "
$('#seeProfile').modal('show');
" pour afficher le modal.OriginalL'auteur Pimento Web
Essayez ceci (pour moi):
Cela permettra de montrer modal:
Alors cette volonté de lier le modal afficher l'événement:
( vous pouvez utiliser show.bs.modale ou montré.bs.modal
les seules différences sont le moment de l'événement de lancement)
OriginalL'auteur Vanojx1
Essayez ceci:
Remarque que j'ai enlevé . (dot) que vous aviez avant p.
OriginalL'auteur Vladd
Essayé d'utiliser le nom de la classe.
OriginalL'auteur Yogeshwar