Question

我想在表单标签旁边添加一个popover。问题是，如果我包含标签的for属性，则弹出窗口将不会打开。如果我删除for属性，则弹出窗口有效。但是，当然，标签不会切换输入。

这就是我所拥有的（这个版本打开了popover，但它没有切换输入）：

<div class="form-group">
    <label class="col-md-4 control-label">Send reports with exceptions to
        <span class="glyphicon glyphicon-question-sign" data-toggle="popover" data-placement="top" title="Title" data-content="Content"></span>
    </label>
    <div class="col-md-8">
        <div class="input-group">
            <input type="email" class="form-control" id="exceptionEmail" placeholder="Enter one or more email addresses separated by commas" required="required" />
            <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
        </div>
     </div>
</div>

如何让两者同时工作？

谢谢！

Answer 1

我也有这个问题。即使@Pitamber Tiwari能够在评论中使用它的小提琴（我的改编工作在这里：http://jsfiddle.net/pmdk7k27/），我也无法在我的页面上使用它。似乎for标记中的<label>属性添加了onClick事件，以一种奇怪的神秘方式干扰Bootstrap v3.3。

我的工作是改为使用悬停标签，这很好用：

$("[data-toggle='popover']").popover({
  trigger: "hover"
});

表单标签旁边的Bootstrap popover

1 个答案: