jquery.cookie.jsで「$.cookie is not a function」エラー
2022/07/21
フロントエンド側でCookieを利用したい場合jquery-cookieを用いることが多いが同プラグインで実装した際、環境によっては「$.cookie is not a function」というエラーが発生し、Cookieの操作が行えないということがあった。以下に対応方法をメモ。
原因?
jquery-cookieは開発が終了しており、そちらが原因かもしれない(jQueryのバージョンが新しいとダメなのかも)。こちらのページが参考になった。
対応方法
jquery-cookieからjs-cookieに変更した。まず公式サイトからJSファイルをダウンロードするか以下CDNでJSファイルを呼び出す。
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
異なるバージョンを使用したい場合は以下から探す。
https://www.jsdelivr.com/package/npm/js-cookie
次にソースコードを以下の通り書き換える。
//cookie取得 //旧バージョン $.cookie('name'); //新バージョン Cookies.get('name'); //cookie保存 //旧バージョン $.cookie('name', 'value'); //新バージョン Cookies.set('name', 'value'); //cookie削除 //旧バージョン $.removeCookie('name'); //新バージョン Cookies.remove('name');
互換性があるようで新バージョンでも過去記事の時間指定も行えた。
所感
jquery-cookieで実装したシステムは複数あるのでcookie関連でのエラーが出てきた時用に覚えておきたいところ。
関連記事
-
-
jQueryで電話番号チェック
やりたかったことはjavascriptかjQueryで 電話番号のバリデート。 ...
-
-
セレクトメニューにサジェスト機能をつける方法(select2)
formのselectメニューで何文字が入力すると候補を絞って表示させるサジェス ...
-
-
jQueryで後から追加された要素にイベントを設定
jQueryで.html()等を使って追加した要素に対してイベントを設定したかっ ...
-
-
FullCalendarでカレンダー内のイベントをクリックした際にタイトル以外の内容も表示させる方法
FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...
-
-
jQueryでimgタグのsrcを変える
やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...