ブートストラップのツールチップはライブサイトでは動作しませんが、コンソール上でうまく動作します

Question

ブートストラップのツールチップはコンソールでは正常に動作しますが、ライブでは動作しません。jquery UIもバージョンを使用しています。以下 は、私が使用していますコードです：

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

これは私が使用しているファイルの私のjsです：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
<!--<link type="text/css" rel="stylesheet" href="/css/jquery-ui.min.css"/>--> 


<script type="text/javascript" src="/js/jquery.min.js"></script> 
<script type="text/javascript" src="/js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="/js/chosen.jquery.min.js"></script> 


<!-- Latest compiled and minified JavaScript --> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Answer 1

をあなたはこれを試すことができます。

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

Answer 2

があなたから確認してくださいあなたがそれを使いたい場合は、あなたの要素にdata-typeを追加したjQueryセレクター
またはで選択してくださいOP下記のコメントで

jsfiddle例を確認してください

Answer 3

、あなたは唯一のSome textに表示するツールチップにしたいと言います。 HTMLは、ラベル全体に表示することを示します。しかし、とにかく：私はあなたにフィドル（https://jsfiddle.net/Lkg3mag5/2/）を作成しました。ここでは、jQueryとjQueryのUIを使用してSome textのツールチップのみを表示します。

OPのコードスニペットは正しい順序を示しますが、jQueryスクリプトがHTML形式で追加されていることを確認してください。 ;）

はまもなく説明：ツールチップは、要素（すなわち<p>Some text</p>なしでトリガすることができないツールチップが段落でトリガされるように、私は、フィドルであなたのHTML属性を再構築

HTMLがあなたに合うように再構築。コメント。

<label> 
    <p data-toggle="tooltip" data-placement="top" title="Tooltip dummy text." class="t-tip"> 
    Some Text 
    </p> 
    <a class="why_ask" onclick="quiz._popModal('q307')"> 
    [Why Do We Ask] 
    </a> 
</label> 

JS/jQueryの（ちょうどOPからあなたのコードスニペットを再利用）。

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