Topic: I can't get mdb-filter to initialize and sort items, Pro

Craig Whitlock free asked 5 years ago


Expected behavior seems to work everywhere except on this website

Actual behavior no filtering

Resources (screenshots, code snippets etc.) test: https://farmstotable.com/_mdb


Mateusz Łubianka staff answered 5 years ago


@tlcdesign,

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,


Craig Whitlock free answered 5 years ago


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

Craig Whitlock free answered 5 years ago


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.


Craig Whitlock free answered 5 years ago


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.


Mateusz Łubianka staff answered 5 years ago


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,



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • 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