Topic: The Nav-bar Toggle button and dropdown not working in my local server

owteam free asked 5 months ago

Expected behavior

  1. Toggle button: Should open/close the ata-mdb-target="#navbarSupportedContent"
  2. Notifications: Should open/close dropdown-menu area

Actual behavior

  1. Toggle button: Don't work
  2. Notifications: Don't work

Resources (screenshots, code snippets etc.)

Same code as in the tutorial and even if I put ,

The Nav-bar Toggle button and dropdown doesn't work in my local server. My local link is "http://localhost/1111/MDB5-7.1.0/test.html"

The snippets link (It is working good in the snippets !! ):

Please advise

owteam free answered 5 months ago


Thank you for your prompt response.

I updated the snippet and added the the import of the JS file lines after the comment (),Now it is working good but I got this 1 console error : the console error

Please Advise

Kamila Pieńkowska staff commented 5 months ago

Do you also get this error locally? If you do please add screen of the full message.

Grzegorz Bujański staff answered 5 months ago

Unfortunately, I am not able to check your local server. Because it's a local server and it's located locally on your computer and I don't have access to it.

Our snippets automatically import the MDB package. But in your code I see that you added the import of the css file, but the import of the JS file is missing.

Also check if you have any errors in the console.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 7.1.0
  • Device: Laptop
  • Browser: Brave Version 1.47.186 Chromium: 109.0.5414.119 (Official Build) (64-bit)
  • OS: Win-7 prof 64 bit
  • Provided sample code: No
  • Provided link: Yes