jquery-stars - A rating star plugin using icon fonts
Put the rating star in your app without any complications :-) Want demo? See here
Dependencies
- jQuery
- Any icon font
Usage
You can use any icon font, just import the font and jquery. By default the icons uses Font Awesome classes, to change see Options section.
<script src="stars.js"></script> <div></div>
$('div').stars(); // 3 Stars with tootltip and callback $('div').stars({ stars: 3, text: ['Good', 'Great', 'Excellent'], click: function(index) { // Some ajax action } });
Options
stars : 5 // How many stars are displayed. Default is 5 emptyIcon : 'fa-star-o' // Font icon class for empty stars filledIcon : 'fa-star' // Font icon class when hovering or selected starClass : '' // Common class for stars color : '#E4AD22' // Font color, if 'none' doesn't apply any color value : 0 // Default value to initialize filled stars text : [] // Array of strings, tooltips for each star click : function(index) // Callback