bootstrap-popover не скрывается при загрузке нового содержимого

Question

В моем коде у меня есть div, который я использую для загрузки другого типа содержимого с помощью JQuery. Теперь новый контент, который я загрузил в div, имеет popovers, проблема в том, что pop pop не исчезают, когда я загружаю новый контент в div, почти так же, как они добавляются в новый контент.

Как я могу заставить их исчезнуть при загрузке нового содержимого в div?

HTML

<div class='box-nfh genericGreyBackground'> 
    <div class='box_74'> 
     <h2>Performance management is an ongoing process of communication between a supervisor and an employee that occurs throughout the year, in support of accomplishing the strategic objectives of the organisation. It involves five distinct actions. </h2> 
     <div class='pentagonContainer'> 
      <div class='pentagon'> 
       <img src='images/pentagon.png'> 
       <span class='pentagonCircle' id='penBtn1' type='button' data-container='body' data-toggle='popover' data-placement='top' data-content='Clarify expectations'> 1 </span> 
       <span class='pentagonCircle' id='penBtn2' type='button' data-container='body' data-toggle='popover' data-placement='top' data-content='Set objectives'> 2 </span> 
       <span class='pentagonCircle' id='penBtn3' type='button' data-container='body' data-toggle='popover' data-placement='top' data-content='Identify goals'> 3 </span> 
       <span class='pentagonCircle' id='penBtn4' type='button' data-container='body' data-toggle='popover' data-placement='top' data-content='Provide feedback'> 4 </span> 
       <span class='pentagonCircle' id='penBtn5' type='button' data-container='body' data-toggle='popover' data-placement='top' data-content='Evaluate results'> 5 </span> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

В ожидании вашего ответа на то, как код вводится в 'DIV' вот мой anwser.

Перед тем как вводить новый контент, вы можете уничтожить существующие popovers. Это удалит их из UI/DOM (и освободит память в процессе).

$('.pentagonCircle').popover('destroy') 

Возможно, вы захотите изменить селектор, возможно, ограничьте его определенным родителем.

Документация: http://getbootstrap.com/javascript/#popovers