툴팁이 오른쪽으로 표시되지 않습니다.

Question

tooltip을 글리프콘에 넣으면 올바르게 작동하지 않는 것 같습니다. 그러나 타일 바깥에 놓으면 잘 작동합니다. 나는 매우 혼란스럽고 어떤 도움이라도 대단히 감사 할 것이다 !! https://jsfiddle.net/noe3mdvx/

HTML :

<div class="col-sm-9" style="display:inline-block"> 
</div> 
<div class="row"> 
    <div class="panel panel-default col-xs-2 lp-centerNav-panel" style="position: relative;" > 
     <div class="tipText"> 
      <p> 
       <span data-toggle="tooltip" title="Hooray!" class="glyphicon glyphicon-question-sign"> 
       </span> 
      </p> 
     </div> 
     <div class="panel-body"> 
      <strong>Accounting</strong> 
     </div> 
    </div> 
</div> 
</div> 

전체 HTML :

  <div class="row"> 
      <div class="panel panel-default col-xs-2 lp-centerNav-panel" data-ng-repeat="menuItem in lp.MenuItems" data-ng-click="lp.Redirect(menuItem);" style="position: relative;"> 
       <div class="tipText"> 
        <span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="top" title="Hooray!"></span> 
       </div> 
       <div class="panel-body"> 
        <strong data-ng-bind="menuItem.LinkText"></strong> 
        <img data-ng-src="{{menuItem.ImageUrl}}" /> 
       </div> 
      </div> 
     </div> 

JS :

다음

내가 이야기하고있는 무슨의 jsfiddle이다 당신의 JSFiddle https://jsfiddle.net/noe3mdvx/ I에서 5,

$(document).ready(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 

Answer 1

에는 JS 코드가 어떤 jQuery 버전 JS 코드

$('[data-toggle="tooltip"]').tooltip(); 

를 추가하고 선택하도록 작성하지 않고 코드에 대한

시도 jQuery을 선택하지 않는이 발견

도움이 될 수 있습니다.