AdminLTEでサイドバーをクリックした時に参考コードを元にactive処理を入れたい

Question

表題の通り、AdminLTEを使って管理画面を作成しています。
サイドバーをクリックした時に、サイドバーにあるボタンにactiveをつけたいのですがうまくいかずに困っております。

下記サイトを参考に
https://github.com/almasaeed2010/AdminLTE/issues/108

//Enable sidebar dinamic menu
$.AdminLTE.dinamicMenu();
/* DinamicMenu()
     * dinamic activate menu
     */
$.AdminLTE.dinamicMenu = function() {
        var url = window.location;
        // Will only work if string in href matches with location
        $('.treeview-menu li a[href="' + url + '"]').parent().addClass('active');
        // Will also work for relative and absolute hrefs
        $('.treeview-menu li a').filter(function() {
            return this.href == url;
        }).parent().parent().parent().addClass('active');
};

このコードを入れたいのですが、Chromeのデベロッパーツールにて
admin_settingslist:23 Uncaught ReferenceError: $ is not defined
エラーが出ます。

どこのファイルに記述すればいいのかわからずに困っております。

Answer 1

ちょっと返事が遅いですが、jQueryを使い

$('.treeview-menu li a').click(function(){
	$(this).addClass('active');
});
// または
$('.treeview-menu li a').click(function(){
	$(this).toggleClass('active');
});

ではダメですか？

他のメニューがクリックされてしまうと、ずっとactiveが残ったままになるので、

$('.treeview-menu li a').click(function(){
	$('.treeview-menu li a').removeClass('active');
	$(this).addClass('active');
});

これで、クリックしたボタンのみにactiveが付くと思います。

※ごめんなさい、AdminLTEは使ったことないです。