[Bootstrap3] DataTablesを入れるとナビバーのハンバーガーメニューが閉じない

2019-03-19HTML&CSSBootstrap3, DataTables, jQuery

jQueryのdatatablesを入れて、Bootstrap3のナビバーを設置すると、ハンバーガーメニューが閉じなくなった。jQueryのdatatablesを外すとうまく動くのだが。。。


スポンサーリンク

解決方法

scriptを書く順番に関係があった
Bootstrapのjsより先に、datatablesのjsを書くで解決

動かない版

ハンバーガーメニュー押すと、開きはするが、閉じない

See the Pen Bootstrap3 + DataTabales not working by AgoPeanuts (@AgoPeanuts) on CodePen.


こう書くと動かない

<script src="jquery.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<script src="datatables.min.js"></script>

動く版

ちゃんと閉じる

See the Pen Bootstrap3 + DataTables working by AgoPeanuts (@AgoPeanuts) on CodePen.

こうすると動く

<script src="jquery.js"></script>
<script src="datatables.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>



以上

Posted by Agopeanuts