Twitter Bootstrap Popovers not working for Dynamically Generated Content

Question

New to posting on stackoverflow here, so my apologies in advance if I messed anything up here.

I\'m using Twitter Bootstrap\'s popovers. My popovers seem to be worki

Answer 1

This Function will work properly in the selector you have to specify the location on the page where you have to search "rel=popover" like I put *

$(function ()  
{
console.info($("*[rel=popover]"));
$("*[rel=popover]").popover();
});

Answer 2

In the success function of the ajax you need to call the popover. Something like this

success:function(){
  $("[rel=popover]").popover({placement:'left'});
}

Answer 3

You need to call $("[rel=popover]").popover({placement:'left'}); AFTER the elements are in the DOM.

UPDATE

If you are using jQuery

$(element_selector)
  // load results into HTML of element_selector
  .load('your/php/file')
  // when done, initialize popovers
  .done(function(){
    $("[rel=popover]").popover({placement:'left'});
  });

OR a catch all for jQuery ajax requests

$.ajaxComplete(function(){
    $("[rel=popover]").popover({placement:'left'});
  });