表单标签旁边的引导弹出框答案

【问题标题】：Bootstrap popover next to form label表单标签旁边的引导弹出框
【发布时间】：2014-04-10 22:56:50
【问题描述】：

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

这就是我所拥有的（这个版本会打开弹出框，但不会切换输入）：

<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>

如何让两者同时工作？

谢谢！

【问题讨论】：

this http://jsfiddle.net/acWrJ/ 是否与您正在寻找的内容相似？单击跨度（问题图标）以查看弹出框。它在这里工作正常。
我在您的代码中看不到 for 属性。似乎这将是一个重要的事情，包括在一个专门关于这个的问题中。

标签： twitter-bootstrap label popover

【解决方案1】：

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

我的解决方法是改为使用悬停标签，效果很好：

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

【讨论】：