1

Eea galera td bem? Estou desenvolvendo um projeto com Materialize e neste projeto esta dando erro no JS, podem me ajudar? Estarei colocando o código a seguir:

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://demo.expertphp.in/js/jquery.js"></script>
<script src="http://demo.expertphp.in/js/jquery-ui.min.js"></script>

$(document).ready(function() {
  Materialize.updateTextFields();
  $('.sidenav').sidenav();
  $('.fixed-action-btn').floatingActionButton();
  $('select').formSelect();

});
document.addEventListener('DOMContentLoaded', function() {
   var elems = document.querySelectorAll('.fixed-action-btn');
   var instances = M.FloatingActionButton.init(elems, {
     direction: 'top',
     hoverEnabled: false
   });
   });

4
  • No seu exemplo dá o erro Uncaught ReferenceError: $ is not defined, pois está importando o Materialize antes do jQuery, sendo que o segundo é requisito do primeiro.
    – Woss
    28/05/2018 às 14:49
  • Insira o jquery primeiro. 28/05/2018 às 14:50
  • nada ainda, n esta funcionando 28/05/2018 às 14:58
  • A partir da versão 1.0 alpha, o jQuery não é mais uma dependência, esse é um dos motivos de eu utilizar o Materialize.
    – Dobrychtop
    30/05/2018 às 11:34

1 Resposta 1

0

Victor, vc certamente está consultando a versão errada da documentação. Na verdade vc está novamente utilizando uma versão do Materialize e chamando os Scripts da versão antiga!

Veja que esse é o link da documentação antiga Prefilling Text Inputs Antigo

Mas se vc está usando a versão 1.0.0-rc1 então vc precisa da documentação desse link Prefilling Text Inputs NOVO

  $(document).ready(function() {
    M.updateTextFields();
  });

Então não use o Materialize.updateTextFields(); use no lugar dele o

M.updateTextFields(); // opção correta!
12
  • hugo FOI!! kkkkk muito obrigado cara, vou prestar mais atencao nas documentacoes agr, desculpa o incomodo 28/05/2018 às 15:10
  • @VictorGabriel tranquilo jovem, a versão nova do Materialize saiu tem pouco tempo, então é comum pesquisar no Google e cair no Link antigo. Preste atenção tb no Bootstrap que costuma dar o mesmo problema. []´s
    – hugocsl
    28/05/2018 às 15:12
  • obrigado cara, eu estava precisando tambem tirar um duvida, tem problema me mandar um email para conversarmos melhor? 28/05/2018 às 15:13
  • @VictorGabriel sempre que fizer uma pergunta e tiver uma resposta que te atende considere marca-la como aceita clicando no ao lado das setas da resposta que escolher. Não sei exatamente se vou poder te ajudar. Mas vai postando usas perguntas aqui pq se eu não pder te ajudar sempre tem alguém com mais conhecimento que vai poder.
    – hugocsl
    28/05/2018 às 15:19
  • Obrigado Hugo, poderia estar me ajudando com uma duvida? Enviarei o link aqui pt.stackoverflow.com/questions/302819/… 29/05/2018 às 15:37

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .