jQuery & Html5 Based Popover Plugin - ggpopover

jQuery & Html5 Based Popover Plugin - ggpopover
File Size: 20.5 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

ggpopover is a jQuery popover plugin for displaying tooltip-like informative messages in a popup box when you click on an element. All the customization options can be passed directly via Html5 data-OPTION attributes on the element.

How to use it:

1. Download the plugin and place the ggpopover.js together with jQuery library at the bottom of the web page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="path/to/ggpopover.js"></script>

2. Place the ggpopover.css in the header for default popover styles.

<link href="path/to/ggpopover.css" rel="stylesheet">

3. Add a popover with custom content to an element as follow.

<button type="button"
        data-placement="auto right"
        title="Popover title"
        data-content="And here's some amazing content. It's very engaging. Right?">
    Click to toggle popover

4. Initialize the plugin and done.


This awesome jQuery plugin is developed by gigagit. For more Advanced Usages, please check the demo page or visit the official website.