Bootstrap Popover on checkbox

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

Что вы можете сделать, это обернуть input внутри div и дать div функциональность popover. Кроме того, необходимо установить высоту и ширину обертки 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(); 
})