jQuery Like Button Rating Plugin

Sexy jQuery Like Button Rating Plugin

Live Demo

https://likebtn.com/en/jquery-like-button-rating

How To Use

Like button can be attached to any HTML element. See JSFiddle

<div data-identifier="item_1" class="like-button">Like button with identifier set using data-parameter</div> <div data-identifier="item_2" class="like-button">One more</div> <span id="like-button-x">For this Like button the identifier is set via options</span> <i id="like-button-y">For this Like button the page URL is used as identifier</i>  $(document).ready(function($) { 	$(".like-button").likebtn();     $("#like-button-x").likebtn({     	identifier: "my_button",         theme: "github"     });     $("#like-button-y").likebtn({         theme: "disk"     }); }); 

Identifier

Each button should have a unique identifier parameter (it can be understood as a button's name) to which votes are being connected. Identifier can be set:

1. By settings data-identifier="unique_button_name" parameter for the element

    <div data-identifier="unique_button_name" class="like-button">Like button with identifier set using data-parameter</div>  	$(".like-button").likebtn(); 

2. Identifier can be set via "identifier" parameter passed to likebtn() function:

	<span id="like-button-x">For this Like button the identifier is set via options</span>      $("#like-button-x").likebtn({     	identifier: "my_button"     }); 

3. If identifier is not set for the Like button the page's URL is used as an identifier to which votes are being connected:

    <i id="like-button-y">For this Like button the page URL is used as identifier</i>      $("#like-button-y").likebtn({         theme: "disk"     }); 

Settings

For the full list of available options see LikeBtn Settings and Code Generator

$("#like-button-x").likebtn({ 		identifier: "my_button",     theme: "github" });