Topic: Struggling with Bootstrap 5-Star Rating - Basic Example
*Expected behavior*As per demo for Basic Example https://mdbootstrap.com/docs/b4/jquery/plugins/rating/*Actual behavior*Rating not Shown*Resources (screenshots, code snippets etc.)*I have basically edited the supplied index.html form the MDB-Free_4.19.2.zip package.
I have copied the HTML and the JavaScript from the demo page. I placed the mdbRate() in the section. I did eventually modify the ref to rating.js as I could not find it in js/addons/ - only rating.min.js is in that path. (i did try using that .js file too)
It seems to me that what I have done should function as expected, but I cannot see where I have gone wrong. Any ideas would be gratefully received.
Material Design for Bootstrap
$(document).ready(function() { $('#rateMe1').mdbRate(); }
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.19.2
- Device: Computer
- Browser: Chrome
- OS: Windows 7
- Provided sample code: No
- Provided link: Yes
Krzysztof Wilk staff commented 4 years ago
Hi!
Which package do you use? MDB 5 or MDB jQuery?
Best regards
Russel S commented 4 years ago
I have published the HTML to https://mdbootstrap.com/snippets/standard/russel_s/2861279
Krzysztof Wilk staff commented 4 years ago
Hi!
Thanks for reporting this issue. You have to attach the
js/addons/rating.min.js
file, notjs/addons/rating.js
. That's a typo in our documentation. With that everything should work :)Best regards
Russel S commented 4 years ago
Many thanks for your help
Krzysztof Wilk staff commented 4 years ago
Hi!
I'm glad I could help. If you have more questions - feel free to ask :)
Best regards