JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<button type="button" id="myButton" data-loading-text="Destroy & Create Popover" class="btn btn-primary" autocomplete="off">
Destroy & Create Popover
</button>
<span id='popoverspan'>Here should be a popover</span>

JavaScript

$('#popoverspan').popover({placement : 'bottom', trigger : 'hover', content : 'Here it is!'});

$('#myButton').on('click', function(event) {
  $('#popoverspan').popover('destroy');
  alert('Delay!!!');
  $('#popoverspan').popover({placement : 'bottom', trigger : 'hover', content : 'Here it is!'});
});