3

在我的代码中div，我有一个用于使用 JQuery 加载不同内容类型的内容，现在我加载到 div 中的新内容有弹出框，问题是当我将新内容加载到中时弹出框不会消失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>
4

1 回答 1

0

等待您对代码如何注入“div”的回答，这是我的答案。

在注入新内容之前，您可以销毁现有的弹出框。这会将它们从 UI/DOM 中删除（并在此过程中释放一些内存）。

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

您可能想要更改选择器，也许将其限制为特定的父级。

文档： http: //getbootstrap.com/javascript/#popovers

于 2015-08-11T12:08:38.000 回答