スパンタグでJavascriptまたはjQueryを使用してツールチップを表示

Question

スパンタグにツールチップを表示したい。私は

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

を行っている。しかし、これは実行されていないことを

<span class="test" href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">*</span> 

jQueryのコード。事前に感謝されたヘルプ。

Answer 1

あなたはjqueryとjquery-uiスクリプトロードされていることを確認してください：

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

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<span class="test" href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">* Hover</span>

Answer 2

あなたのアプリケーションに必要なすべての依存関係/パッケージを挿入するためのRemeber。

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js""></script>