Waves effect materializes

Asked

Viewed 326 times

1

I’m testing some components of the materialize, because I’m a beginner. I noticed that the effect of the "Waves-Effect Waves-light" class is not working. I wanted to know what is happening, I tried Waves-rippler but it did not work tbm. I also think it may be the directory, I do not know for sure.

Aqui o diretório

<!DOCTYPE html>
<html lang="pt-br">

<head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Teste</title>

    <!-- Materialize CSS -->

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/materialize.css" media="screen,projection">   

    <link rel="stylesheet" type="text/css" 
    href="materialize/css/default.css">     

    <link rel="stylesheet" type="text/css" 
    href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">   

</head>

<body>

    <a class="waves-effect waves-light btn-large">Button</a>

    <!-- JQuery --> 
    <script src="js/jquery-3.2.1.min.js"></script>  

    <!-- Materialize JS -->
    <script href="materialize/js/materialize.js"></script> 

</body>

</html>
javascript html css materialize

  • It would be interesting to put in the question clearly what you want, what you tried and the problem that is happening. Just putting the code and a print doesn’t help anything.

  • I am trying to use this effect on the element when clicking, using the class Waves-Effect of materialize but nothing is happening when I click on the link, the class seems not to be working. The issue is that I don’t know if this might be something related to Jquery or the directory of some file being under the wrong name.

1 answer

0


Here the reference is wrong...

<!-- Materialize JS -->
<script href="materialize/js/materialize.js"></script>

Try with SRC and not HREF <script SRC="..."></script>

By your image I didn’t get a good look at the files, but it seems to me that jQuery is in the outside folder, so on the way there should be ../

Try it this way:

<!-- jQuery -->
<script src="../js/jquery-3.2.1.min.js"></script>

Browser other questions tagged javascript html css materialize

You are not signed in. Login or sign up in order to post.