question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

side-nav don't work

See original GitHub issue

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

image

  <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:closed
  • Created 7 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
vishnu1991commented, Sep 17, 2016

@jeanhenriqq Download the below zip file and try in your local envt. it will work fine. sidenav-issue.zip

This zip file is exported from @Nohinn 's codepen.

if still you face any issue then reply to this thread we will be happy to help you!

1reaction
eboyecommented, Sep 17, 2016

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?

Read more comments on GitHub >

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

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found