2014-03-07 46 views
2

我想在表單標籤旁邊放置彈出框。問題是,如果我包含標籤的for屬性,則彈出窗口不會打開。如果我刪除for屬性,則彈出窗口起作用。但是,當然,標籤不會切換輸入。表單標籤旁邊的Bootstrap彈出框

這是我(這個版本打開酥料餅的,但它不切換輸入):

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

我如何在同一時間兩個工作?

謝謝!

+2

是[這http://jsfiddle.net/acWrJ/](http://jsfiddle.net/acWrJ /)類似於你正在尋找的東西?點擊跨度(問題圖標)查看彈出窗口。它在這裏很好。 –

+0

我在代碼中看不到'for'屬性。似乎這將是一個重要的事情,包括在一個具體的問題。 – isherwood

回答

0

我也有這個問題。即使@Pitamber Tiwari能夠在評論中找到它的工具(我的改編版本在這裏:http://jsfiddle.net/pmdk7k27/),但我無法在我的網頁上找到它。看起來<label>標籤中的for屬性以奇怪的神祕方式添加了一個干擾Bootstrap v3.3的事件onClick

我周圍的工作是改變使用懸停標籤,它工作得很好:

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