Toast materialize

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>

editada 1 hora atrás

perguntada 3 horas atrás

roger roger

254

comentar |

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>

editada 1 hora atrás

perguntada 3 horas atrás

roger roger

254

comentar |

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>

editada 1 hora atrás

perguntada 3 horas atrás

roger roger

254

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

editada 1 hora atrás

perguntada 3 horas atrás

roger roger

254

editada 1 hora atrás

perguntada 3 horas atrás

roger roger

254

editada 1 hora atrás

perguntada 3 horas atrás

roger roger

254

perguntada 3 horas atrás

roger roger

254

perguntada 3 horas atrás

roger roger

254

comentar |

1 Resposta
1

ativas

mais antigas

votos

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 -->

respondida 3 horas atrás

Sergio♦

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
3 horas atrás

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
1 hora atrás

comentar |

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

Registre-se ou faça log-in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Publicar como convidado

Nome

E-mail

Required, but never shown

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

Nome

E-mail

Required, but never shown

1 Resposta
1

ativas

mais antigas

votos

1 Resposta
1

ativas

mais antigas

votos

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 -->

respondida 3 horas atrás

Sergio♦

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
3 horas atrás

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
1 hora atrás

comentar |

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 -->

respondida 3 horas atrás

Sergio♦

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
3 horas atrás

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
1 hora atrás

comentar |

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 -->

respondida 3 horas atrás

Sergio♦

117mil12148229

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 -->

respondida 3 horas atrás

Sergio♦

117mil12148229

respondida 3 horas atrás

Sergio♦

117mil12148229

respondida 3 horas atrás

Sergio♦

117mil12148229

respondida 3 horas atrás

Sergio♦

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
3 horas atrás

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
1 hora atrás

comentar |

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
3 horas atrás

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
1 hora atrás

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
3 horas atrás

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
1 hora atrás

comentar |

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

Registre-se ou faça log-in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Publicar como convidado

Nome

E-mail

Required, but never shown

Publicar como convidado

Nome

E-mail

Required, but never shown

Registre-se ou faça log-in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Publicar como convidado

Nome

E-mail

Required, but never shown

Registre-se ou faça log-in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Publicar como convidado

Nome

E-mail

Required, but never shown

Registre-se ou faça log-in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Publicar como convidado

Nome

E-mail

Required, but never shown

Nome

E-mail

Required, but never shown

E-mail

Required, but never shown

E-mail

Required, but never shown

E-mail

Required, but never shown

Nome

E-mail

Required, but never shown

E-mail

Required, but never shown

E-mail

Required, but never shown

E-mail

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfxtrjtrk