Twitter Bootstrap PopOver는 첫 번째 트리거에서만 작동합니다.

Question

Twitter 부트 스트랩을 사용하여 사이트의 기본 레이아웃을 구축했습니다.

<tr> 
    <td><a href="#" class="popover-test" id ="test" rel="popover" 
      data-content="Content 1: this shows fine!" data-original-title="Title 1">Hover for popover</a> 
    </td> 
    <td>two</td> 
    <td>three</td> 
</tr> 
<tr> 
    <td><a href="#" class="popover-test" id ="test" rel="popover" 
      data-content="Doesn't show :(" data-original-title="Title 2">Hover for popover</a> 
    </td> 
    <td>two</td> 
    <td>three</td> 
</tr> 

는하지만 그 이상 팝업 만 것이다 나타납니다 같은 나는 각 라인 항목이 내가

이상 팝업으로 표시 할 데이터 속성이 데이터 테이블을 표시 할 필요가있는 목록의 맨 처음 요소로 작업하십시오. 이 jsfiddle을 참조하십시오 : http://jsfiddle.net/stycu/

이것은 의도적으로 설계되었거나 버그인지 알 수 있습니까? github에서 문제를 확인했지만 아무것도 언급하지 않았습니다. 사전

Answer 1

$(function() { 
    $("#test").popover(); 
}); 

당신은 당신의 전화와 ID를 #test의 ID를 참조하고있는

덕분에 이렇게 첫 번째 팝 오버가 표시되고 있었다, 요소마다 고유해야합니다.

rel popover 속성 또는 클래스를 타겟팅하는 대신 속성 선택기를 사용하십시오.

$(function() { 
    $('[rel="popover"]').popover(); 
}); 

Demo

Answer 2

그것은 단지 보석 "트위터 - 부트 스트랩 레일"application.js에서

$(document).ready(function() { 
    options = { 
    trigger : 'hover' 
    } 
    $('[rel="popover"]').popover(options); 
}); 

검사

<tr> 
<td><a href ="#" rel="popover" data-content="Content 1: this shows fine!" data-original-title="Title 1" >Hover for popover</a> 
</td> 
</tr> 

<tr> 
<td><a href ="#" rel="popover" data-content="Doesn't show :(" data-original-title="Title 2">Hover for popover</a> 
</td> 
</tr> 

보기에서 작업 할 수 있습니다 나 이 코드를 붙여서 일하는 것 http://jsfiddle.net/stycu/