Question

Twitter has a JavaScript plugin that makes little popovers (scroll over an element, and a box pops up providing additional information). This plugin also uses the bootstrap-twipsy.js file.

There’s a demo here http://twitter.github.com/bootstrap/javascript.html if you scroll down to the Popovers demo.

I’ve copied the code for the demo at this fiddle http://jsfiddle.net/mjmitche/mT76T/16/

and I also included the necessary files (bootstrap-popver.js and bootstrap-twipsy.js) but the popovers not working when I scroll over.

Can anyone explain what I’m doing wrong?

This is the html

<a href="#" class="btn danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title">hover for popover</a>

and this is the jquery function i added to get the popover to show

    $(document).ready(function() {
   $('#blob').popover('show');
});

Answer 1

Try this instead, example here http://jsfiddle.net/mT76T/17/

$(document).ready(function() {
           $(function () {
                $("#blob").popover({
                offset: 10
                    })

})
});