Twitter Bootstrap 팝업에 ID를 할당 할 수 있습니까?

Question

나는 트위터 부트 스트랩 popovers를 표시 할 수 있었지만, 그들을 조작 할 수 있도록 만들기에 ID를 할당하는 방법이 있습니까?

Heres는 내 코드 지금까지 : 의 .js

<a id='test-button' rel='popover'> 

Answer 1

.html 중에서

$('#test-button').popover({content:'test.', trigger:'click'}); 
$('#test-button').popover('show'); 

있습니다 당신이 팝 오버 요소 얻을하는 데 사용할 수있는 몇 가지 옵션 :

1) Boostrap Popover을 수정하여 옵션 객체에 id 속성을 적용하고 템플릿에 삽입합니다 (줄 : 102)

2) id를 사용하여 popover 옵션에 html 속성을 설정합니다.

$('#test-button').popover({html: true, content: '<div id="test-popover-content">... </div>'}) 

한 다음

var testPopover = $('#test-popover-content').parent().parent(); 

Answer 2

가장 쉬운 방법은 당신이 원하는 ID로 template를 지정하는 것입니다 통해 팝 오버 컨테이너에 액세스 할 수 있습니다.

Popover를 만들 때 사용할 기본 HTML.

popover의 제목이 .popover-title에 삽입됩니다.

popover의 콘텐츠는 .popover-content에 삽입됩니다.

.arrow는 popover의 화살표가됩니다.

가장 바깥 쪽 래퍼 요소에는 .popover 클래스가 있어야합니다. 여기

은 기본 템플릿의 값입니다 :

'<div class="popover" role="tooltip"> 
    <div class="arrow"></div>¸ 
    <h3 class="popover-title"></h3> 
    <div class="popover-content"></div> 
    </div>' 

그리고 당신이 실제로해야이

$(#your-pop-over).popover({ 
    template:'<div id="your-id" class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'  
    });