jquery-popover
jquery popover plugin
Install
bower install gb-jquery-popover
In your html, reference the latest versioned files from /dist
.
<head> <link rel="stylesheet" href="dist/jquery-popover-x.y.z.css"> </head> <body> <script src="dist/jquery-popover-x.y.z.js"></script> </body>
Usage
Add popover markup
<span class="popover-wrapper"> <a href="#" data-role="popover" data-target="example-popover">Open</a> <div class="popover-modal example-popover"> <div class="popover-body"> <!-- contents here --> </div> </div> </span>
and enable them with jQuery
$('[data-role="popover"]').popover();
Build
The default task simply minifies the source files
gulp
While developing, we highly recommend live reloading via browsersync. As you change files in /src
, browsersync will automatically inject and reload the page for you.
Also, make sure you are on the gh-pages
branch because master
does not contain the index.html which serves as a dev playground.
git checkout gh-pages gulp serve
Test
npm test
License
MIT
Made with