HTML Aplicando Modal com Materialize

[gramosiri]

Oi pessoal, estou com um problema no Materialize, eu gostaria de adicionar dois "modal" ao site, porém já possuo um que abre automaticamente ao carregar a pagina.

$('.modal').modal('open'); 

Porém gostaria de adicionar outro modal, mas que só abra ao clicar no botão. É possível?

Pois todos os "modal" estão abrindo ao carregar rsrs.

[Public2004]

@gramosiri Dois "modal", um que abre ao carregar a página e outro que só abre através do click:

$('.modal').modal(); // Vai abrir através do click
$('#id_modal').modal('open'); // Abre no load da página

Exemplo do link para abrir:

<a class="waves-effect waves-light btn modal-trigger" href="#id_modal">Open Modal</a>

Att.

[gramosiri]

@Public2004 Cara não deu certo, mas pelo o que eu entendi do seu post, no caso do exemplo tinha usar o class pra abrir, nao? Pois o id_modal está para abrir quando carrega a pagina

[Public2004]

@gramosiri code completo agora, assim espero que facilite mais o entendimento.

 

Aqui o code dos dois "modal":

<!-- Modal Trigger -->
<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Open Modal 1</a>
<!-- Modal Structure - Open click link -->
<div id="modal1" class="modal">
  <div class="modal-content">
    <h4>Modal Header 1</h4>
    <p>Modal for link</p>
  </div>
  <div class="modal-footer">
    <a href="#!" class="modal-close waves-effect waves-green btn-flat">Close Modal 1</a>
  </div>
</div>

<!-- Modal Structure - Open load page -->
<div id="modal2" class="modal">
  <div class="modal-content">
    <h4>Modal Header 2</h4>
    <p>Modal for load page</p>
  </div>
  <div class="modal-footer">
    <a href="#!" class="modal-close waves-effect waves-green btn-flat">Close Modal 2</a>
  </div>
</div>

E aqui o js que já havia postado, mas agora fazendo a ref. ao modal acima:

$('.modal').modal(); // Vai abrir através do click
$('#modal2').modal('open'); // Abre no load da página

Att.

[gramosiri]

@Public2004 Deu certo amigão, valeu e abraço!