Footnotes at the bottom of a page

chrisfinazzo commented 9 years ago

Is there a method to have Bigfoot display buttons and the text of footnotes at the same time on a page? I have seen it implemented elsewhere, but when I've tried to do the same, the buttons disappear and all that is left is the text at the bottom.

Do I need to call another method within Bigfoot to do this? #newbie

Example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit iaculis suscipit. Ut suscipit nec tellus non interdum. Ut in massa eget nulla egestas volutpat eget finibus purus. Nulla risus nisl, tincidunt non faucibus eget, fringilla vitae sapien. Ut lobortis molestie tortor nec dictum. Pellentesque tincidunt neque eget laoreet gravida.<sup id ="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup>

<div class="footnotes">
<ol>
<li class="footnote" id="fn:1">
<p>Lorem Ipsum</p>
</li>
</ol>
</div>

lemonmade commented 9 years ago

Yup, it's part of the core library. Just include, as part of your option hash to the Bigfoot call, the actionOriginalFN option set to "ignore", like this:

$.bigfoot({actionOriginalFN: "ignore"});

chrisfinazzo commented 9 years ago

That's just what I was missing, thanks! :+1:

Don't Fight It, Just use Bigfoot™

lemonmade / bigfoot

Footnotes at the bottom of a page #32