2013-07-04 3 views
0

I가 다음과 같은 앵커 요소가 트위터 부트 스트랩 팝 오버 표시해야합니다 클릭 할 때 :Twitter의 Bootstrap 2.x Popover가 html title 속성의 Popover 제목 대신 기본 Popover 제목을 사용합니까?

$('.popover_toggle').popover({ 
    title: 'Login Required!' 
}); 

:

<a href="javascript:void(0)" class="popover_toggle" title="View Image">View Image</a> 

가 나는 또한 팝 오버를 부착하고 이에 대한 기본 제목을 설정하려면 다음 자바 스크립트가를 Popover가 javascript "Login Required!"에 정의 된 기본 제목을 가지며 anchor 요소 "View Image"에 정의 된 제목이 아닌 것을 원합니다. 어떻게하면 될까요?

답변

1

(기본 제목 값 title 속성이없는 경우) : 요소에 빈 제목 속성 또는 제목 속성이없는 경우에만 제목을 설정할 수 있습니다.

title 옵션을 문자열로 설정하면 문서 준비 상태로 평가됩니다. 여기에 함수를 사용하면 (트리거에서 평가) 여전히 작동하지 않습니다.

팝업은 툴팁 클래스의 확장입니다. 생성자가 fixTitle()을 호출합니다. fixTitle()은 내용을 title-attribute에서 data-orginal-title 속성으로 이동합니다. 왜냐하면 setTitle() 호출 전에 title 함수를 사용할 수 없기 때문이다.

문제가 팝 오버 클래스의)합니다 (fixTitle를 기각 해결하려면

$.fn.popover.Constructor.prototype.fixTitle = function() { return; } 

이제 팝 오버는 당신이 당신의 팝 오버 호출에 설정된 제목 무시 (제목 속성) 및 사용 :

을 HTML :

<a href="javascript:void(0);" class="popover_toggle" title="View Image">View Image</a> 

자바 스크립트 :

$.fn.popover.Constructor.prototype.fixTitle = function() {return;} 
$('.popover_toggle').popover({ 
    title: 'Login Required!', 
}); 

은 참조 : http://bootply.com/66591

관련 문제