Abrir modal no Bootstrap com Jquery
Eu utilizo bastante bootstrap em meus projetos desenvolvidos, e com isso sempre me deparo com a necessidade de abrir um modal ao carregar a página ou até mesmo através de uma função.
Veja como é simples
1 2 | $('#myModal').modal('show'); //Abre o modal $('#myModal').modal('hide'); // Fecha o modal |
Mas como utilizo isso Mariones????
Simples!!!
Caso queira abrir ao carregar a página….
1 2 3 | $(document).ready(function(){ $('#myModal').modal('show'); }); |
Agora se for chamar em uma função
1 2 3 4 5 6 | function abreModal(){ $('#myModal').modal('show'); } function fechaModal(){ $('#myModal').modal('hide'); // Fecha o modal } |
Colocando modal na página
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> |
Qualquer dúvida estamos por ai!