I have been trying to get bootstrap popovers to work within a Wordpress loop with no success, this is what I have so far :
<?php while($have_posts()): $the_post();
$excerpt = strip_tags(get_the_excerpt());?>
<a class="<?php echo the_ID()?>" href="<?php echo the_permalink();?>"><?php echo the_title();?></a>
<script>
jQuery('.<?php echo the_ID()?>').mouseenter(function(){
jQuery(this).popover({
html: true,
title: '<?php echo the_title();?>',
trigger: 'manual',
placement:'top',
content:'<?php echo $excerpt;?>'
}).popover('show');
});
</script>
<?php endwhile;?>
This prints what I expect
<a class="5598" href="http://mysite.oom/post/">Post Title</a>
<script>
jQuery('.5598').mouseenter(function(){
jQuery('.5598').popover({
html: true,
title: 'Post Title',
trigger: 'manual',
placement:'top',
content:'Post Excerpt'
}).popover('show');
});
</script>
etc...
However the popovers aren't displaying on hover and I'm not getting any script errors, so I'm at a loss for why the popovers aren't working, I do have jQuery, bootstrap.js, and bootstrap.css included on page load. Any help would be greatly appreciated!
Thanks