❤
npm
Sign UpSign In

jquery-popover

0.0.4 • Public • Published

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();

Demo

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 ❤️ by Goodybag

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.0.4
    221
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.0.4
    221
  • 0.0.3
    0

Package Sidebar

Install

npm i jquery-popover

Repository

github.com/goodybag/jquery-popover

Homepage

github.com/goodybag/jquery-popover

Weekly Downloads

221

Version

0.0.4

License

MIT

Last publish

Collaborators

  • preston
Try on RunKit
Report malware