tablesorter - Jquery plugins interfering with each other -

note: js/jquery noob alert (yes, me)

there seems conflict between following 2 plugins:

• tablesorter (2.9.1)
• bootstrap-popover.js v2.2.1

the plugins work should separately, when together, popovers don't work. i've tried moving calls popover script (and initialization) before other plugins, no dice. have feeling tablesorter script somehow removing titles dom (another subject know little about) before popover script can load, no dice.

in html

<script src="../../js/jquery-1.8.2.min.js"></script> <script src="../../js/jquery.tablesorter.js"></script>  <script src="../../js/jquery.tablesorter.pager.js"></script>  <script src="../../js/tooltips-popovers.js"></script> <script>  $(function(){      $("#stats").tablesorter();  }); </script> <script>     $("a[rel=popover]").popover({html:true,trigger:'hover'}); </script> <script>     /* initiate pager  */           $(function(){     var pageroptions = {         container: $(".pager"),            };     $("table")     .tablesorterpager(pageroptions);     }); </script> 

make sure initializing popover script within document ready event.

$(function(){   $("a[rel=popover]").popover({html:true,trigger:'hover'});   $("#stats")     .tablesorter()     .tablesorterpager({       container: $(".pager")     }) }); 

if doesn't work, can guess popover links inside table? if so, added , removed dynamically, when sorting table, might need added through delegated event, code above may not work in case.

---

update: stated, popup links within th, assume in thead? if so, try code:

$(function(){   $("#stats")     .tablesorter({       initialized: function(table){         $("a[rel=popover]").popover({html:true,trigger:'hover'});       }      })     .tablesorterpager({       container: $(".pager")     }) });