3

私のコードでは、divJQuery を使用してさまざまなコンテンツ タイプをロードするために使用する があります。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 に答える