チェックボックスのブートストラップPopover

Question

おそらく、この質問は既に行われていますが、これまで何も見つかりませんでした。 Bootstrap Popoverをチェックボックスに使用することは可能ですか（たとえば、チェックボックスをクリックすると）。

私は、テーブル内のcheckboxsのリストを持っている：

<input class="css-checkbox selectBox" data-trigger="hover" data-content="Display devices here" id="deviceCompareBox_{tmpl_var name='id'}" type="checkbox" value="{tmpl_var name='id'}" > 

し、それを初期化するための相対的な方法：

$('.selectBox').popover(); 

をしかし、それは入力要素では動作しません。もちろん、それは<a>要素で行います。それを修正する方法はありますか？

Answer 1

あなたができることは、divの中にinputをラップし、divにポップオーバー機能を付けることです。また、そのようなチェックボックスの高さと幅にラッパーdivの高さと幅を設定する必要があります。

HTML：

<div class="checkbox-wrapper" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover"> 
    <input type="checkbox"> 
</div> 

CSS：

.checkbox-wrapper { 
    height: 13px; 
    width: 13px; 
} 

jQuery：

$(document).ready(function() { 
    $('.checkbox-wrapper').popover(); 
})