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.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
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>
javascript materialize
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>
javascript 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>
javascript materialize
javascript materialize
editada ontem
roger roger
perguntada ontem
roger rogerroger roger
305
305
comentar |
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ãoMaterialize
$("#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 -->
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
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
});
}
});
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
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
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
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ãoMaterialize
$("#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 -->
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
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ãoMaterialize
$("#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 -->
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
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ãoMaterialize
$("#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 -->
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ãoMaterialize
$("#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 ontem
Sergio♦Sergio
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
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
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
comentar |
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.
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
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
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
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