side-nav don't work
See original GitHub issueI following the example , i add the jQuery, but my side- nav does not work. I tried everything . When resizing for mobile it simply does not open.
Please Help-me.
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<scrpit text="text/javascript" src="js/script.js" ></scrpit>
My script.js
$(document).ready(function(){ $(".button-collapse").sideNav(); });
Thanks.
Issue Analytics
- State:
- Created 7 years ago
- Comments:6
Top Results From Across the Web
Sidenav not working properly - Material Design for Bootstrap
I can open/hide sidenav and see its content. But when I hover mouse over links nothing happens. I can't click or show collapsed...
Read more >mat-sidenav sidenav.toggle() is not working - Stack Overflow
I have my toggle button inside the mat-toolbar. The expectation is that I can use the toggle bar to hide and show the...
Read more >Sidenav - Angular Material
UI component infrastructure and Material Design components for mobile and desktop Angular web applications.
Read more >HTML : Materializecss sidenav not working - YouTube
HTML : Materializecss sidenav not working [ Beautify Your Computer : https://www.hows.tech/p/recommended.html ] HTML : Materializecss ...
Read more >Overlay scroll strategies do not work in sidenavs and drawers ...
Steps to reproduce: Utilize an overlay or a component with an overlay in a mat-sidenav or mat-drawer that overflows. Declare cdkScrollable on ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@jeanhenriqq Download the below zip file and try in your local envt. it will work fine. sidenav-issue.zip
if still you face any issue then reply to this thread we will be happy to help you!
Do you have any errors in console? If so, which ones?
Also, are you including scripts in the right order?
jquery materialize your_js
and if you are running on local machine, are you opening it via http://localhost or by opening html file in a browser? opening html in a browser makes some issues if the paths or urls are not done right. Actually it could be anything. Can you paste here or on codepen your code and test it out?