Skip to content
A jQuery plugin for creating exceptional footnotes.
Branch: master
Clone or download
lemonmade Merge pull request #56 from lukasschwab/jquery-3
Add jQuery 3.0.0 incompatibility note
Latest commit 981404a Jul 4, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist 2.1.4 Feb 11, 2016
src
.gitignore Hide design folder Feb 11, 2016
Gruntfile.coffee Fix a deprecation warning Nov 21, 2014
LICENSE.md Updated file structure and completed bower.json for Bower support Apr 16, 2014
README.md Add jQuery 3.0.0 incompatibility note Jul 2, 2016
bower.json 2.1.4 Feb 11, 2016
changelog.md 2.1.4 Feb 11, 2016
package.json
readme-dev.md

README.md

bigfoot.js

by Chris Sauve

Bigfoot is a jQuery plugin that creates exceptional footnotes. Simply include the code on your pages and footnotes will be detected automatically and improved in the following ways:

  • Links to footnotes will be replaced with clickable/ tappable buttons, making them substantially easier to hit.

  • Footnote content will appear in a popover directly beside the footnote button when it is clicked/ tapped, which cuts out the annoying bouncing around the page that footnotes typically result in.

  • The active popovers will be resized and repositioned to ensure that they continue to be completely visible on-screen and aesthetically pleasing: this makes it perfect for mobile devices and responsive designs.

This project includes both the script itself and a default style to apply to the footnote button/ content that are eventually generated. There are also a variety of additional styles that illustrate some of the possibilities for styling these components.

The script has many configurable options from having popovers instantiated on hover, to allowing multiple active footnotes, to setting specific timeouts for popover creation/ deletion. It also returns an object that allows you to activate, remove, add breakpoints, and reposition popovers properly. All of these options and return functions are shown in detail at the script's project page. You can also see a demo of the project in action on the same page.

Requires jQuery 1.7+ at a minimum (for .on()) and jQuery 1.8+ for full functionality (1.8 automatically prefixes the transform/ transition properties).

Note: Bigfoot is currently incompatible with jQuery 3.0+ (see #54)

Questions? Issues? Feature requests? Check out the Github page for this project.

You can’t perform that action at this time.