J'avais l'habitude d'utiliser la boîte de dialogue de JQuery UI, et il y avait l' open
option, où vous pouvez spécifier du code Javascript à exécuter une fois la boîte de dialogue ouverte. J'aurais utilisé cette option pour sélectionner le texte dans la boîte de dialogue en utilisant une fonction que j'ai.
Maintenant, je veux faire cela en utilisant le modal de bootstrap. Voici le code HTMl:
<div id="code" class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<pre>
print 'Hello World'
Et comme pour le bouton qui ouvre le modal:
<a href="#code" data-toggle="modal" class="btn code-dialog">Display code</a>
J'ai essayé d'utiliser un écouteur onclick du bouton, mais le message d'alerte était affiché avant l'apparition du modal:
$( ".code-dialog" ).click(function(){
alert("I want this to appear after the modal has opened!");
});
shown.bs.modal
L'événement se produit lorsque le document HTML contient au moins une<div class="modal fade"><div class="modal-dialog"></div></div>
structure.