Topic: On every page error
TypeError: jQuery(".button-collapse").sideNav is not a function. (In 'jQuery(".button-collapse").sideNav()', 'jQuery(".button-collapse").sideNav' is undefined)
I get this on EVERY page BUT the Home page.
I use WordPress, static Home Page.
On Static Home (this has a URL of http://siote.com) it works just fine
On every sub page the error is thrown
It clearly shows that the initialization is done, but files cannot be found when on real URL's.
This is super annoying.
Add comment
Hi Daniel.
I'm not sure without seeing your code and site what's going wrong.
However I think that you should try adding for MDB bootstrap.min.js
as a dependency. Then you have nice chain as follows:
jQuery > Bootstrap > MDB
It may not be the case, but as I mentioned previously, without code it's hard
to tell, many things can be wrong, also double check jQuery version that you
are using, if it is compatible with MDB version. Remeber, that you should try
putting JS scripts in footer, because it affects site performance.
For wordpress we also have whole Material Design for Wordpress theme,
you can try if it meets your needs.
forget it-
for some reasons to me unknown, to work on other pages you must not enqueue in footer but in header
wp_enqueue_script('MinimaXGoldMDB-bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.7', false);
//Enqueue MaterialDesign JS and add jQuery Dependency
wp_enqueue_script('MinimaXGoldMDB-MaterialDesign-js', get_template_directory_uri() . '/js/mdb.min.js', array('jquery'), '3.4.1', false);
WHO knows why.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags