양식 레이블 옆의 부트 스트랩 팝업 메뉴

Question

양식 레이블 옆에 팝업 표시를 넣으 려합니다. 문제는 라벨의 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/)에서 자신의 바이올린에서 작업 할 수 있었지만,이 작업을 내 페이지에서 수행 할 수 없었습니다. <label> 태그의 for 속성이 이상한 신비한 방식으로 Bootstrap v3.3을 방해하는 onClick 이벤트를 추가하는 것으로 보입니다.

내 작품은 주위에 잘 작동 호버 태그 사용으로 변경했다 :

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