Twitter Bootstrap, 하나의 div에서 모든 popovers 표시

Question

Twitter Bootstrap 2.0을 사용하여 다음을 달성하려고했지만 popover-plugin이지만 몇 시간이 지나도 여전히 파악할 수 없습니다.

그냥 내 페이지의 왼쪽 아래 구석에 새가 나온 사진이 있습니다. 이 새는 모든 popover, 예를 들어 등록 양식을위한 "말하는"새의 위에 나타나야합니다. 이것이 가능한가?

더 나은 이해를 위해 테스트 사이트 over here을 만들었습니다. 등록 필드 위로 마우스를 가져 가면 팝업이 나타납니다. 나는 그들이 왼쪽 아래 모서리에있는 bird-img 위에 나타나기를 바라고 있지만 이것을 달성하는 방법을 모른다. 네가 나를 도울 수 있다면 좋을거야.

Answer 1

방법 1 :

JQuery와 호버 핸들러가 "에서"와 "밖으로"방법을 소요하고 샘플 만 팝업을 표시하려면 방법 "의"할당된다. 이것은 괜찮지 만 "this"에 첨부하는 것이 아니라 새 이미지에 첨부해야합니다. 팝업의 트리거를 수동으로 변경하십시오. 그 다음 호버의 "out"방법에서 popover를 숨길 필요가 있습니다.

$('#registerHere input').hover(function() 
{ 
    $('#birdie').popover({ 
      "trigger": 'manual', 
      "placement":'top', 
       }).popover('show'); 
}, 
function() 
{ 
    $('#birdie').popover('hide'); 
}); 

방법 2 :

또는, 당신은 무엇을 유지하지만, 제공하는 "선택"옵션을 사용하고, 그것을 매개 변수로하여 새 이미지를주고,이 컨트롤에서 팝 오버를 유발한다 그것을 새 이미지에 위임하십시오.

선택기 : 추가 샘플 코드 : 선택기가 제공되는 경우, 툴팁 가 지정한 대상

$('#registerHere input').hover(function() 
{ 
    $('#birdie').popover({ 
      "selector": "#birdie", 
      "placement":'top', 
       }).popover('show'); 
}); 

편집

에 위임 될 것이다 객체. 테스트 할 기회가 없으므로 구문 오류가있을 수도 있지만 일반적인 생각이 있습니다.