HTML,CSS勉強メモ#24' ～原因は`script`の順番～

やっとpopoverの泥沼から抜け出しました。

メモ

scriptの順番

色々いじってる間にscriptの順番を変えてしまっていたようです。

・Befor

<script src="bootstrap/js/bootstrap.min.js"></script>  <!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  <!-- jQuery -->
<script>
   $(function) {
       $('[data-toggle="tooltip"]').tooltip();
       $('[data-toggle="popover"]').popover();
   });
</script>

・After

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  <!-- jQuery -->
<script src="bootstrap/js/bootstrap.min.js"></script>  <!-- JavaScript -->
<script>
    $(function) {
        $('[data-toggle="tooltip"]').tooltip();
        $('[data-toggle="popover"]').popover();
</script>

JavaScriptが最初に読み込まれるようになっていたんですね。
この辺のところがまだよくわかっていないようです。もう一度JavaScriptとかの勉強しなおそうかな。
ひとまずこれでbootstrap 3.0入門は完全に終了です。

試行錯誤のあと