2014-08-29 2 views
1

JS 충돌로 인해 부트 스트랩 툴팁을 사용할 수 없습니다. 그러나 Popover 작품. 그래서 Popover와 함께 툴팁에 similir을 시도합니다. Popover 콘텐츠에 사용하고 제목을 기본값으로 정의하려면 HTML 요소의 "title"태그를 사용하고 싶습니다.부트 스트랩 Popover : 제목 및 내용 바꾸기

내 실제 코드

<button type="button" class="btn btn-lg btn-danger hasTooltip" title="test de popover" >Click to toggle tooltip</button> 
<script type="text/javascript"> 
    !function ($) { 
     $(function(){ 
      // tooltip demo 
      $(".hasTooltip").popover({ 
       content: function() { 
        return "TITLE"; 
       }, 
       title:'Info', 
       trigger: "hover", 
       placement: "bottom" 
      }); 
     }) 
    }(window.jQuery)  
</script> 

당신은 내가 진행하는 방법에 대한 아이디어를 가지고 있습니까?

답변

0

이 시도 : class="popover-title"

$('.hasTooltip').popover({ 'template': '<div class="popover" role="tooltip"><div class="arrow"></div><div class="popover-title"></div></div>' }); 

DEMO

변경 클래스 :

사용 'template' 당신이 당신의 소원 귀하의 요구에 대한

로 변경할 수 있습니다