複選框上的Bootstrap彈出窗口

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彈出功能。您還需要包裝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(); 
})