Explication détaillée sur l'utilisation de la boîte modale Bootstrap

Modal est un sous-formulaire couvrant le formulaire parent. En règle générale, le but est d'afficher du contenu provenant d'une source distincte pouvant avoir une certaine interaction sans quitter le formulaire parent. Les sous-formulaires fournissent des informations, des interactions et bien plus encore. Par défaut, la boîte modale d'amorçage sera fermée en cliquant sur d'autres zones vides (généralement le calque de masque), la méthode suivante consiste donc à interdire de cliquer sur d'autres zones pour fermer la boîte modale.

$('#myModal').modal({backdrop : 'static', clavier : false});

Lors de la sauvegarde : statique, l'espace vide n'est pas fermé.

<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
 <div class="modal-dialog custom-dialog succ-dialog">
 <div class="modal-content">
  <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  <h4>提示信息</h4>
  </div>
  <div class="modal-body">
  <div><img src="images/loading.gif"><p><span>投标成功！</span><img src="images/success.png"></p></div>
  </div> 
 </div>
 </div>
</div>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!