Toast materializeDefinir cores padrões no materializePreloader com MaterializeEfeito waves...



Toast materialize


Definir cores padrões no materializePreloader com MaterializeEfeito waves materializeValidar Formulários no MaterializeComo ponho barra de rolagem no card do materialize?Materialize Javascript autocompleteErro Uncaught ReferenceError: Materialize is not definedDropdown Materialize atributos dataAlterar comportamento padrão chips materializeAlinhamento pagina css materialize













4















Estou tentando implementar um toast (código abaixo), porém, não há nenhum resultado ao clicar no botão. Não sei o que posso estar fazendo de errado.



  <div class="row">
<button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
<script>
$("#btn").click(function() {

Materialize.toast('Item Inserido com sucesso', 4000)
});

</script>
</div><!-- Close row -->


Código completo da página



 <!DOCTYPE html>
<html>
<head>
<base target="_top">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<?!= include("page-css"); ?>

</head>
<body>

<div class="container">
<img src="https://www.exemplo.jus.br/site/porta/files/r/controle/banner-controle.jpg" style="width:100%">
<h1><?= title; ?></h1>

<div class="row">
<div class="input-field col s6">
<select id="app">
<option disabled selected>Auditor Responsável</option>
<?!= list; ?>
</select>
<label>Auditor</label>
</div>
<div class="input-field col s6">
<input id="prefDate" type="text" class="datepicker">
<label for="prefDate" class="active">Prazo(se houver)</label>
</div>

<div class="row">
<div class="input-field col s6">
<input placeholder="Ex.:Achado 1.1. Falhas nas contratações de TI" id="fn" type="text" class="validate">
<label for="fn">Achado</label>
</div>
<div class="input-field col s6">
<input placeholder="Ex.: Discorda-se da conclusão de auditoria pelas razões: " id="ln" type="text" class="validate">
<label for="ln">Manifestação do Auditado</label>
</div>

<div class="input-field col s6">
<input id="zip" type="text" class="validate">
<label for="zip">Conclusão de Auditoria</label>
</div>
<div class="input-field col s6">
<input disabled id="est" type="text" class="validate">
<label for="est" class="active">Estimativa</label>
</div>
</div> <!-- Close row -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>


<div class="row">
<button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
</div><!-- Close row -->
<script>
$("#btn").click(function() {

M.toast({html: 'oi'}, 4000);
});

</script>


<!-- <div class="container"> -->

<div class="row">
<table class = "highlight responsive-table"> <div class="card-panel teal lighten-2"><span class="white-text"><h5>DADOS CADASTRADOS</h5></span>
<thead>

<tr>

<th>ACHADO</th>
<th>MANIFESTAÇÃO</th>
<th>AUDITOR</th>
<th>CONCLUSÃO AUDITORIA</th>
<th>PRAZO</th>

</tr>
</thead>

<tbody><script><? var data = getData(); ?></script>
<? for (var i = 1; i < 100; i++) { ?>
<tr>
<td><?= data[i][0] ?></td>
<td><?= data[i][1] ?></td>
<td><?= data[i][2] ?></td>
<td><?= data[i][3] ?></td>
<td><?= data[i][4] ?></td>
</tr><?}?>
</tbody>
</table></div>
</div>

</div> <!-- Close row -->

<?!= include("page-js"); ?>

</body>

</html>









compartilhar|melhorar esta pergunta





























    4















    Estou tentando implementar um toast (código abaixo), porém, não há nenhum resultado ao clicar no botão. Não sei o que posso estar fazendo de errado.



      <div class="row">
    <button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
    <script>
    $("#btn").click(function() {

    Materialize.toast('Item Inserido com sucesso', 4000)
    });

    </script>
    </div><!-- Close row -->


    Código completo da página



     <!DOCTYPE html>
    <html>
    <head>
    <base target="_top">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <?!= include("page-css"); ?>

    </head>
    <body>

    <div class="container">
    <img src="https://www.exemplo.jus.br/site/porta/files/r/controle/banner-controle.jpg" style="width:100%">
    <h1><?= title; ?></h1>

    <div class="row">
    <div class="input-field col s6">
    <select id="app">
    <option disabled selected>Auditor Responsável</option>
    <?!= list; ?>
    </select>
    <label>Auditor</label>
    </div>
    <div class="input-field col s6">
    <input id="prefDate" type="text" class="datepicker">
    <label for="prefDate" class="active">Prazo(se houver)</label>
    </div>

    <div class="row">
    <div class="input-field col s6">
    <input placeholder="Ex.:Achado 1.1. Falhas nas contratações de TI" id="fn" type="text" class="validate">
    <label for="fn">Achado</label>
    </div>
    <div class="input-field col s6">
    <input placeholder="Ex.: Discorda-se da conclusão de auditoria pelas razões: " id="ln" type="text" class="validate">
    <label for="ln">Manifestação do Auditado</label>
    </div>

    <div class="input-field col s6">
    <input id="zip" type="text" class="validate">
    <label for="zip">Conclusão de Auditoria</label>
    </div>
    <div class="input-field col s6">
    <input disabled id="est" type="text" class="validate">
    <label for="est" class="active">Estimativa</label>
    </div>
    </div> <!-- Close row -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>


    <div class="row">
    <button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
    </div><!-- Close row -->
    <script>
    $("#btn").click(function() {

    M.toast({html: 'oi'}, 4000);
    });

    </script>


    <!-- <div class="container"> -->

    <div class="row">
    <table class = "highlight responsive-table"> <div class="card-panel teal lighten-2"><span class="white-text"><h5>DADOS CADASTRADOS</h5></span>
    <thead>

    <tr>

    <th>ACHADO</th>
    <th>MANIFESTAÇÃO</th>
    <th>AUDITOR</th>
    <th>CONCLUSÃO AUDITORIA</th>
    <th>PRAZO</th>

    </tr>
    </thead>

    <tbody><script><? var data = getData(); ?></script>
    <? for (var i = 1; i < 100; i++) { ?>
    <tr>
    <td><?= data[i][0] ?></td>
    <td><?= data[i][1] ?></td>
    <td><?= data[i][2] ?></td>
    <td><?= data[i][3] ?></td>
    <td><?= data[i][4] ?></td>
    </tr><?}?>
    </tbody>
    </table></div>
    </div>

    </div> <!-- Close row -->

    <?!= include("page-js"); ?>

    </body>

    </html>









    compartilhar|melhorar esta pergunta



























      4












      4








      4








      Estou tentando implementar um toast (código abaixo), porém, não há nenhum resultado ao clicar no botão. Não sei o que posso estar fazendo de errado.



        <div class="row">
      <button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
      <script>
      $("#btn").click(function() {

      Materialize.toast('Item Inserido com sucesso', 4000)
      });

      </script>
      </div><!-- Close row -->


      Código completo da página



       <!DOCTYPE html>
      <html>
      <head>
      <base target="_top">
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
      <?!= include("page-css"); ?>

      </head>
      <body>

      <div class="container">
      <img src="https://www.exemplo.jus.br/site/porta/files/r/controle/banner-controle.jpg" style="width:100%">
      <h1><?= title; ?></h1>

      <div class="row">
      <div class="input-field col s6">
      <select id="app">
      <option disabled selected>Auditor Responsável</option>
      <?!= list; ?>
      </select>
      <label>Auditor</label>
      </div>
      <div class="input-field col s6">
      <input id="prefDate" type="text" class="datepicker">
      <label for="prefDate" class="active">Prazo(se houver)</label>
      </div>

      <div class="row">
      <div class="input-field col s6">
      <input placeholder="Ex.:Achado 1.1. Falhas nas contratações de TI" id="fn" type="text" class="validate">
      <label for="fn">Achado</label>
      </div>
      <div class="input-field col s6">
      <input placeholder="Ex.: Discorda-se da conclusão de auditoria pelas razões: " id="ln" type="text" class="validate">
      <label for="ln">Manifestação do Auditado</label>
      </div>

      <div class="input-field col s6">
      <input id="zip" type="text" class="validate">
      <label for="zip">Conclusão de Auditoria</label>
      </div>
      <div class="input-field col s6">
      <input disabled id="est" type="text" class="validate">
      <label for="est" class="active">Estimativa</label>
      </div>
      </div> <!-- Close row -->

      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <!-- Compiled and minified CSS -->
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

      <!-- Compiled and minified JavaScript -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>


      <div class="row">
      <button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
      </div><!-- Close row -->
      <script>
      $("#btn").click(function() {

      M.toast({html: 'oi'}, 4000);
      });

      </script>


      <!-- <div class="container"> -->

      <div class="row">
      <table class = "highlight responsive-table"> <div class="card-panel teal lighten-2"><span class="white-text"><h5>DADOS CADASTRADOS</h5></span>
      <thead>

      <tr>

      <th>ACHADO</th>
      <th>MANIFESTAÇÃO</th>
      <th>AUDITOR</th>
      <th>CONCLUSÃO AUDITORIA</th>
      <th>PRAZO</th>

      </tr>
      </thead>

      <tbody><script><? var data = getData(); ?></script>
      <? for (var i = 1; i < 100; i++) { ?>
      <tr>
      <td><?= data[i][0] ?></td>
      <td><?= data[i][1] ?></td>
      <td><?= data[i][2] ?></td>
      <td><?= data[i][3] ?></td>
      <td><?= data[i][4] ?></td>
      </tr><?}?>
      </tbody>
      </table></div>
      </div>

      </div> <!-- Close row -->

      <?!= include("page-js"); ?>

      </body>

      </html>









      compartilhar|melhorar esta pergunta
















      Estou tentando implementar um toast (código abaixo), porém, não há nenhum resultado ao clicar no botão. Não sei o que posso estar fazendo de errado.



        <div class="row">
      <button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
      <script>
      $("#btn").click(function() {

      Materialize.toast('Item Inserido com sucesso', 4000)
      });

      </script>
      </div><!-- Close row -->


      Código completo da página



       <!DOCTYPE html>
      <html>
      <head>
      <base target="_top">
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
      <?!= include("page-css"); ?>

      </head>
      <body>

      <div class="container">
      <img src="https://www.exemplo.jus.br/site/porta/files/r/controle/banner-controle.jpg" style="width:100%">
      <h1><?= title; ?></h1>

      <div class="row">
      <div class="input-field col s6">
      <select id="app">
      <option disabled selected>Auditor Responsável</option>
      <?!= list; ?>
      </select>
      <label>Auditor</label>
      </div>
      <div class="input-field col s6">
      <input id="prefDate" type="text" class="datepicker">
      <label for="prefDate" class="active">Prazo(se houver)</label>
      </div>

      <div class="row">
      <div class="input-field col s6">
      <input placeholder="Ex.:Achado 1.1. Falhas nas contratações de TI" id="fn" type="text" class="validate">
      <label for="fn">Achado</label>
      </div>
      <div class="input-field col s6">
      <input placeholder="Ex.: Discorda-se da conclusão de auditoria pelas razões: " id="ln" type="text" class="validate">
      <label for="ln">Manifestação do Auditado</label>
      </div>

      <div class="input-field col s6">
      <input id="zip" type="text" class="validate">
      <label for="zip">Conclusão de Auditoria</label>
      </div>
      <div class="input-field col s6">
      <input disabled id="est" type="text" class="validate">
      <label for="est" class="active">Estimativa</label>
      </div>
      </div> <!-- Close row -->

      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <!-- Compiled and minified CSS -->
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

      <!-- Compiled and minified JavaScript -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>


      <div class="row">
      <button id="btn" class="waves-effect waves-light btn-small"><i class="material-icons left">access_alarm</i>Enviar</button>
      </div><!-- Close row -->
      <script>
      $("#btn").click(function() {

      M.toast({html: 'oi'}, 4000);
      });

      </script>


      <!-- <div class="container"> -->

      <div class="row">
      <table class = "highlight responsive-table"> <div class="card-panel teal lighten-2"><span class="white-text"><h5>DADOS CADASTRADOS</h5></span>
      <thead>

      <tr>

      <th>ACHADO</th>
      <th>MANIFESTAÇÃO</th>
      <th>AUDITOR</th>
      <th>CONCLUSÃO AUDITORIA</th>
      <th>PRAZO</th>

      </tr>
      </thead>

      <tbody><script><? var data = getData(); ?></script>
      <? for (var i = 1; i < 100; i++) { ?>
      <tr>
      <td><?= data[i][0] ?></td>
      <td><?= data[i][1] ?></td>
      <td><?= data[i][2] ?></td>
      <td><?= data[i][3] ?></td>
      <td><?= data[i][4] ?></td>
      </tr><?}?>
      </tbody>
      </table></div>
      </div>

      </div> <!-- Close row -->

      <?!= include("page-js"); ?>

      </body>

      </html>






      javascript materialize






      compartilhar|melhorar esta pergunta















      compartilhar|melhorar esta pergunta













      compartilhar|melhorar esta pergunta




      compartilhar|melhorar esta pergunta








      editada ontem







      roger roger

















      perguntada ontem









      roger rogerroger roger

      305




      305






















          1 Resposta
          1






          ativas

          mais antigas

          votos


















          5














          Duas coisas a corrigir:




          • a API de .toast espera um objeto de opões como primeiro argumento, passa {html: 'Item Inserido com sucesso'} em vez de somente a string 'Item Inserido com sucesso'

          • a variável global que o Materialize expõe é M e não Materialize





          $("#btn").click(function() {
          M.toast({html: 'Item Inserido com sucesso'}, 4000);
          });

          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <!-- Compiled and minified CSS -->
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

          <!-- Compiled and minified JavaScript -->
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
          <div class="row">
          <button id="btn" class="waves-effect waves-light btn-small">
          <i class="material-icons left">access_alarm</i>Enviar
          </button>
          </div>
          <!-- Close row -->








          compartilhar|melhorar esta resposta
























          • Não sei por que, mas no código da minha aplicação não executa. Eu vi que executou por aqui, e o código está idêntico, mas quando atualizo a pagina, nada ocorre. Editei o post e inseri o código completo da paǵina. Grato se puder auxiliar.

            – roger roger
            ontem






          • 1





            Opa, consegui resolver inserindo os trechos de código que você postou no segundo código(fiz a edição da pergunta). Obrigado.

            – roger roger
            ontem











          Sua resposta






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "526"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Desenvolvido por u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          rascunho salvo

          rascunho descartado


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fpt.stackoverflow.com%2fquestions%2f366446%2ftoast-materialize%23new-answer', 'question_page');
          }
          );

          Publicar como convidado















          Required, but never shown

























          1 Resposta
          1






          ativas

          mais antigas

          votos








          1 Resposta
          1






          ativas

          mais antigas

          votos









          ativas

          mais antigas

          votos






          ativas

          mais antigas

          votos









          5














          Duas coisas a corrigir:




          • a API de .toast espera um objeto de opões como primeiro argumento, passa {html: 'Item Inserido com sucesso'} em vez de somente a string 'Item Inserido com sucesso'

          • a variável global que o Materialize expõe é M e não Materialize





          $("#btn").click(function() {
          M.toast({html: 'Item Inserido com sucesso'}, 4000);
          });

          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <!-- Compiled and minified CSS -->
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

          <!-- Compiled and minified JavaScript -->
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
          <div class="row">
          <button id="btn" class="waves-effect waves-light btn-small">
          <i class="material-icons left">access_alarm</i>Enviar
          </button>
          </div>
          <!-- Close row -->








          compartilhar|melhorar esta resposta
























          • Não sei por que, mas no código da minha aplicação não executa. Eu vi que executou por aqui, e o código está idêntico, mas quando atualizo a pagina, nada ocorre. Editei o post e inseri o código completo da paǵina. Grato se puder auxiliar.

            – roger roger
            ontem






          • 1





            Opa, consegui resolver inserindo os trechos de código que você postou no segundo código(fiz a edição da pergunta). Obrigado.

            – roger roger
            ontem
















          5














          Duas coisas a corrigir:




          • a API de .toast espera um objeto de opões como primeiro argumento, passa {html: 'Item Inserido com sucesso'} em vez de somente a string 'Item Inserido com sucesso'

          • a variável global que o Materialize expõe é M e não Materialize





          $("#btn").click(function() {
          M.toast({html: 'Item Inserido com sucesso'}, 4000);
          });

          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <!-- Compiled and minified CSS -->
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

          <!-- Compiled and minified JavaScript -->
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
          <div class="row">
          <button id="btn" class="waves-effect waves-light btn-small">
          <i class="material-icons left">access_alarm</i>Enviar
          </button>
          </div>
          <!-- Close row -->








          compartilhar|melhorar esta resposta
























          • Não sei por que, mas no código da minha aplicação não executa. Eu vi que executou por aqui, e o código está idêntico, mas quando atualizo a pagina, nada ocorre. Editei o post e inseri o código completo da paǵina. Grato se puder auxiliar.

            – roger roger
            ontem






          • 1





            Opa, consegui resolver inserindo os trechos de código que você postou no segundo código(fiz a edição da pergunta). Obrigado.

            – roger roger
            ontem














          5












          5








          5







          Duas coisas a corrigir:




          • a API de .toast espera um objeto de opões como primeiro argumento, passa {html: 'Item Inserido com sucesso'} em vez de somente a string 'Item Inserido com sucesso'

          • a variável global que o Materialize expõe é M e não Materialize





          $("#btn").click(function() {
          M.toast({html: 'Item Inserido com sucesso'}, 4000);
          });

          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <!-- Compiled and minified CSS -->
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

          <!-- Compiled and minified JavaScript -->
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
          <div class="row">
          <button id="btn" class="waves-effect waves-light btn-small">
          <i class="material-icons left">access_alarm</i>Enviar
          </button>
          </div>
          <!-- Close row -->








          compartilhar|melhorar esta resposta













          Duas coisas a corrigir:




          • a API de .toast espera um objeto de opões como primeiro argumento, passa {html: 'Item Inserido com sucesso'} em vez de somente a string 'Item Inserido com sucesso'

          • a variável global que o Materialize expõe é M e não Materialize





          $("#btn").click(function() {
          M.toast({html: 'Item Inserido com sucesso'}, 4000);
          });

          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <!-- Compiled and minified CSS -->
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

          <!-- Compiled and minified JavaScript -->
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
          <div class="row">
          <button id="btn" class="waves-effect waves-light btn-small">
          <i class="material-icons left">access_alarm</i>Enviar
          </button>
          </div>
          <!-- Close row -->








          $("#btn").click(function() {
          M.toast({html: 'Item Inserido com sucesso'}, 4000);
          });

          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <!-- Compiled and minified CSS -->
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

          <!-- Compiled and minified JavaScript -->
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
          <div class="row">
          <button id="btn" class="waves-effect waves-light btn-small">
          <i class="material-icons left">access_alarm</i>Enviar
          </button>
          </div>
          <!-- Close row -->





          $("#btn").click(function() {
          M.toast({html: 'Item Inserido com sucesso'}, 4000);
          });

          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <!-- Compiled and minified CSS -->
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

          <!-- Compiled and minified JavaScript -->
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
          <div class="row">
          <button id="btn" class="waves-effect waves-light btn-small">
          <i class="material-icons left">access_alarm</i>Enviar
          </button>
          </div>
          <!-- Close row -->






          compartilhar|melhorar esta resposta












          compartilhar|melhorar esta resposta



          compartilhar|melhorar esta resposta










          respondida ontem









          SergioSergio

          117mil12148229




          117mil12148229













          • Não sei por que, mas no código da minha aplicação não executa. Eu vi que executou por aqui, e o código está idêntico, mas quando atualizo a pagina, nada ocorre. Editei o post e inseri o código completo da paǵina. Grato se puder auxiliar.

            – roger roger
            ontem






          • 1





            Opa, consegui resolver inserindo os trechos de código que você postou no segundo código(fiz a edição da pergunta). Obrigado.

            – roger roger
            ontem



















          • Não sei por que, mas no código da minha aplicação não executa. Eu vi que executou por aqui, e o código está idêntico, mas quando atualizo a pagina, nada ocorre. Editei o post e inseri o código completo da paǵina. Grato se puder auxiliar.

            – roger roger
            ontem






          • 1





            Opa, consegui resolver inserindo os trechos de código que você postou no segundo código(fiz a edição da pergunta). Obrigado.

            – roger roger
            ontem

















          Não sei por que, mas no código da minha aplicação não executa. Eu vi que executou por aqui, e o código está idêntico, mas quando atualizo a pagina, nada ocorre. Editei o post e inseri o código completo da paǵina. Grato se puder auxiliar.

          – roger roger
          ontem





          Não sei por que, mas no código da minha aplicação não executa. Eu vi que executou por aqui, e o código está idêntico, mas quando atualizo a pagina, nada ocorre. Editei o post e inseri o código completo da paǵina. Grato se puder auxiliar.

          – roger roger
          ontem




          1




          1





          Opa, consegui resolver inserindo os trechos de código que você postou no segundo código(fiz a edição da pergunta). Obrigado.

          – roger roger
          ontem





          Opa, consegui resolver inserindo os trechos de código que você postou no segundo código(fiz a edição da pergunta). Obrigado.

          – roger roger
          ontem


















          rascunho salvo

          rascunho descartado




















































          Obrigado por contribuir com o Stack Overflow em Português!


          • Certifique-se de responder à pergunta. Entre em detalhes sobre a sua solução e compartilhe o que você descobriu.

          Mas evite



          • Pedir esclarecimentos ou detalhes sobre outras respostas.

          • Fazer afirmações baseadas apenas na sua opinião; aponte referências ou experiências anteriores.


          Para aprender mais, veja nossas dicas sobre como escrever boas respostas.




          rascunho salvo


          rascunho descartado














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fpt.stackoverflow.com%2fquestions%2f366446%2ftoast-materialize%23new-answer', 'question_page');
          }
          );

          Publicar como convidado















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          El tren de la libertad Índice Antecedentes "Porque yo decido" Desarrollo de la...

          Castillo d'Acher Características Menú de navegación

          Puerta de Hutt Referencias Enlaces externos Menú de navegación15°58′00″S 5°42′00″O /...