Auto_complete does not work in Pro version

MDB SupportCategory: MDB jQueryAuto_complete does not work in Pro version
isurigamage asked 2 months ago in MDB pro, version:4.5.1


I have Pro version and I am trying to implement mdb autocomplete and it says mdb_autocomplete is not a function. Previously mdb-select did not work for me either.


I am not sure some plugging are missing but other pro components like multi-item-carousal are working fine.

Below is my code for auto complete.


if(s.length>0) {

console.log(‘no data found’)



<!– Search form –>
<inputid=”keyword”class=”form-control mdb-autocomplete keywords”type=”text”placeholder=”Keywords”aria-label=”Search”>
<svgfill=”#000000″height=”24″viewBox=”0 0 24 24″width=”24″xmlns=””&gt;
<pathd=”M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z”/>
<pathd=”M0 0h24v24H0z”fill=”none”/>

Looking forward to hear from you soon. I need to implement this function ASAP.

Thank you

2 Answers
Mikołaj Smoleński answered 2 months ago


Please test Your project with the basic example from autocomplete docs and let us know if the issue still appears:

Bootstrap Autocomplete


isurigamage replied 2 months ago

No other JS modules did not work. I tried to initialize select and it did not work either. what is the solution for this?

Mikołaj Smoleński replied 2 months ago

It is most often problem with importing our scripts. Are You sure that all other js components are working clear? For example – can You initialize our Select Input?

isurigamage replied 2 months ago

Hi Mikolaj,

I added the basic example to my project and I can still see the issue.
Uncaught TypeError: $(…).mdb_autocomplete is not a function.

What do you think the issue with the project. is it pro licence issue? I am using


Thank you

Mikołaj Smoleński answered 2 months ago

Make sure that Your code looks similar to this and that all files are placed in an accurate directories:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Material Design Bootstrap</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Material Design Bootstrap -->
<link rel="stylesheet" href="css/mdb.min.css">
<!-- Your custom styles (optional) -->
<link rel="stylesheet" href="css/style.css">


<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.js"></script>
$(document).ready(function () {
// SideNav Button Initialization
// SideNav Scrollbar Initialization
var sideNavScrollbar = document.querySelector('.custom-scrollbar');

Best Regards

Mikołaj Smoleński replied 1 month ago

Do You have any errors in the console (Shift Ctrl i)?

isurigamage replied 1 month ago

Yes Mikolaj, My client bought the Pro version and i installed it using git+

Mikołaj Smoleński replied 1 month ago

Are You sure that our scripts are PRO version?

isurigamage replied 1 month ago

Hi Thank you for the reply. Files are placed in accurate directories and i am still getting the issue. when I search mdb_autocomplete in mdb.js and mdb.min.js , no results found. what do you think the issue here? how can I fix this issue? looking forward to hearing from you soon.

Thank you