Topic: I can't get mdb-filter to initialize and sort items, Pro
Expected behavior seems to work everywhere except on this website
Actual behavior no filtering
Resources (screenshots, code snippets etc.) test: https://farmstotable.com/_mdb
In html head:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/mdb.min.css">
<link rel="stylesheet" href="css/style.css">
Before closing body tag:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript"></script>
Some of MDB components also need initialization, e.g.
$('.mdb-select').materialSelect();
But the info about it you can always find on MDB site, on component page.
Best,
Is there a list of items / code that has exactly what I need to get the Pro scripts installed correctly manually? (Like the following for NPM). The installation guide just says Download, Unzip, Copy to project. But on website server, how do I make sure script is pointing to the location?
src="node_modules/mdbootstrap/js/jquery.min.js"> type="text/javascript"> src="node_modules/mdbootstrap/js/popper.min.js"> type="text/javascript"> src="node_modules/mdbootstrap/js/bootstrap.min.js"> type="text/javascript"> src="node_modules/mdbootstrap/js/mdb.min.js">
Yes, I did that earlier. Manual installation ends at Step 3. It doesn't say which scripts/css to include to make Pro work (e.g. NPM installation gives specific instructions then lists the javascript to include). I have the Folder downloaded, Ive uploaded the files to my website server, but I don't know how to call it and initialize it.
Last version, I believe there was a file /js/mbd.js that i included in just before . But Pro 4.11.0 doesn't have a mbd.js file, so Im not sure what to try to include.
Ok, no, unfortunately I'm terribly confused on which files I need to include. I have to manually install/include, and I can't find any specific instruction for exactly what to include/how to call it. There are only links to buy Pro, but I already have it.
I also admit, I'm not very good with javascript. Do my very best but I'm a little out of my league trying to figure out how to get these components/elements installed and working. Really wish there was a CDN, as I usually dont screw those up.
Mateusz Łubianka staff commented 5 years ago
https://mdbootstrap.com/docs/jquery/getting-started/installation-guide/ - check ot this instruction.
Hi @tlcdesign,
You have some errors in the console.
_mdb:1090 Uncaught ReferenceError: $ is not defined
- one of them. Did you include all of necessary files?
Best,
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.10.1
- Device: Mac Pro
- Browser: safari, firefox, chrome
- OS: OS X
- Provided sample code: No
- Provided link: Yes