Skip to content
Sexy jQuery Like Button Rating Plugin
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md Readme Oct 21, 2016
jquery.likebtn.js Readme Oct 21, 2016

README.md

jQuery Like Button Rating Plugin

Sexy jQuery Like Button Rating Plugin

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();
  1. 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"
    });
  1. 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"
});

*Powered with ♥ by LikeBtn.com*
You can’t perform that action at this time.