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

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.algumacoisa.com.br/sites/portal/files/roles/controle-interno/banner-controle-interno.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 -->

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



    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>



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



  </body>



</html>

editada 19 segs atrás

perguntada 1 hora atrás

roger roger

204

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.algumacoisa.com.br/sites/portal/files/roles/controle-interno/banner-controle-interno.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 -->

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



    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>



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



  </body>



</html>

editada 19 segs atrás

perguntada 1 hora atrás

roger roger

204

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.algumacoisa.com.br/sites/portal/files/roles/controle-interno/banner-controle-interno.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 -->

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



    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>



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



  </body>



</html>

editada 19 segs atrás

perguntada 1 hora atrás

roger roger

204

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.algumacoisa.com.br/sites/portal/files/roles/controle-interno/banner-controle-interno.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 -->

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



    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>



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



  </body>



</html>

javascript materialize

editada 19 segs atrás

perguntada 1 hora atrás

roger roger

204

editada 19 segs atrás

perguntada 1 hora atrás

roger roger

204

editada 19 segs atrás

perguntada 1 hora atrás

roger roger

204

perguntada 1 hora atrás

roger roger

204

perguntada 1 hora atrás

roger roger

204

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

Sergio♦

117mil12148229

respondida 1 hora atrás

Sergio♦

117mil12148229

respondida 1 hora atrás

Sergio♦

117mil12148229

respondida 1 hora 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
1 hora 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
53 segs 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
1 hora 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
53 segs 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
1 hora 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
53 segs 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

搜尋此網誌

Ttyjukl