4

Como posso fazer com que abra um pop up do Bootstrap ao carregar a página?

<button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>
1
  • 1
    Deveria funcionar assim, é assim que tenho. Estás a importar o JS do Bootstrap?
    – Jorge B.
    Commented 3/09/2014 às 15:11

1 Resposta 1

10

Primeiro aplique um ID ao modal:

<div id="myModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

Aí em tags <script></script> coloque:

$(document).ready(function() {
   $('#myModal').modal('show');
});
1
  • Simplesmente perfeito obrigado Commented 4/09/2014 às 15:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .