Struggling with Bootstrap 5-Star Rating - Basic Example


Topic: Struggling with Bootstrap 5-Star Rating - Basic Example

Russel S asked 4 years ago

*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(); }


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, not js/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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • 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