logo
image
Timotheus Bendan
Sales Manager
Profile Inbox Settings Logout
Rating
  • Shopping Cart
    ...
    Digital clock
    1 x $1.190,90
    ...
    Toy Car
    1 x $139.58
    ...
    Sunglasses
    2 x $50,90
    ...
    Cake
    1 x $10,50
    Sub Total : $1.442,78

jQuery Bar Rating Plugin works by transforming a standard select field into a rating widget. The rating widget can be flexibly styled with CSS. Demo page.

Usage

To use the plugin, you need to add the following files. 

<!-- Javascript -->
<script src="libs/rating/jquery.rating.min.js"></script>

Basic Usage 

<div class="rating-example" data-rating="3.5"></div>

Running with javascript: 

$(".rating-example").starRating({
    initialRating: 3.5
});

Rounded Star Shape 

$(".rating-example").starRating({
    initialRating: 3.5,
    starShape: 'rounded',
});

Use Gradients 

$(".rating-example").starRating({
    initialRating: 3.5,
    useGradient: false,
});

Read Only Mode 

$(".rating-example").starRating({
    initialRating: 3.5,
    readOnly: true,
});

Use Fullstars 

$(".rating-example").starRating({
    initialRating: 3,
    useFullStars: true,
});

On Hover Event

3.5 
$(".rating-example-6").starRating({
    initialRating: 3.5,
    disableAfterRate: false,
    onHover: function(currentIndex, currentRating, $el){
        $('.live-rating').text(currentIndex);
    },
    onLeave: function(currentIndex, currentRating, $el){
        $('.live-rating').text(currentRating)}});
On this page