Twitter Bootstrap Popovers not working

popover, twitter-bootstrap

Solution

Using your exact code, all I had to do to get it to work was wrap it in a function call and put the script below the div tag. If you placed your jQuery in an onload function it would work just as well. Good luck.

Use this:

<div id="disclaimer" >After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div>

<script>
$(function ()  
{
  $('#disclaimer').popover(
  {
     trigger: 'hover',
     html: true,
     placement: 'right',
     content: 'hello world'
  });
});
</script>

OR

$(document).ready(function()
{
  $('#disclaimer').popover(
  {
     trigger: 'hover',
     html: true,
     placement: 'right',
     content: 'hello world'
  });
});

Problem

Here is my HTML: ``` <div id="disclaimer">After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div> ``` JavaScript: ``` $('#disclaimer').popover({ trigger: 'hover', html: true, placement: 'right', content: 'hello world' }); ``` When I hover over the element, nothing happens.. no JavaScript errors or anything, not sure whats wrong

Original source