🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

starrr is a very lightweight jQuery plugin for creating a five-star quality rating widget that uses Font Awesome Icon Font for rating symbols.

Rating star-rating

Documentation

starrr

1-5 (or 1-n) star rating in < 75 lines of code.

Requirements

  • jQuery

Usage

Create the stars

<div class='starrr'></div>
$('.starrr').starrr()

With an existing rating

$('.starrr').starrr({   rating: 4 })

With more than 5 stars

$('.starrr').starrr({   max: 10 })

Read-only

$('.starrr').starrr({   readOnly: true })

Do something with the rating...

$('.starrr').starrr({   change: function(e, value){     alert('new rating is ' + value)   } })

Or if you prefer events:

$('.starrr').on('starrr:change', function(e, value){   alert('new rating is ' + value) })

Developing

  • npm install
  • npm install -g grunt-cli
  • Make changes in src/
  • Run grunt to compile them

License

MIT


You May Also Like