ツールチップが右に表示されない

Question

グリフコンにtooltipを入れてみると正しく動作しないようです。しかし、タイルの外側に置くとうまくいきます。私は非常に混乱しており、どんな助けも大歓迎です！ここで

は、私が何を言っているかのjsfiddleです：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：

私はjsのコードが存在しない見つけ、あなたのJSFiddle https://jsfiddle.net/noe3mdvx/で

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

Answer 1

書かれており、あなたのコードのためのjQueryを選択されていない

はJSコード

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

を追加し、任意のjQueryバージョン

を選択しよう

あなたを助けてくれるかもしれません。