Question

可能这个问题已经完成，但到目前为止我找不到任何东西。是否可以在复选框上使用Bootstrap Popover（例如，当我单击复选框时）。

我在表格中有一个复选框列表：

<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();
})

复选框上的Bootstrap Popover

1 个答案: