[解決済み] jQuery $.cookie は関数ではありません。
質問
jQueryを使ってCookieを設定しようとしています。
$.cookie("testCookie", "hello");
alert($.cookie("testCookie"));
しかし、私のページを読み込むと、エラー "$.cookie is not a function" が発生します。以下は、私が知っていることです。
- jQuery cookieプラグインをダウンロードしました。 こちら .
- jQueryとTHENのCookieプラグインにリンクしています。
- jQueryとjQuery.cookieはどちらも200 OKで正しく読み込まれています。
他の回答もいくつか見てみましたが( こちら と こちら それに対して、ほとんどの人がcookie.jsファイルの名前を変更することを提案しました。私はCookieファイルの名前を変更しました "jquery.cookeee.js" しかし、結果は同じです。
何が起こっているのか、何か思い当たることはありませんか?
参考になるなら、私はMVC 4でWebアプリケーションを作成しています。
どのように解決するのですか?
ここでは、私が遭遇したすべての可能な問題/解決策を紹介します。
1. Cookieプラグインをダウンロードする
$.cookie
はjQueryの標準機能ではないので、プラグインをダウンロードする必要があります。
こちら
. 適切な
<script>
タグが必要です(次を参照)。
2. クッキープラグインの前にjQueryをインクルードする
クッキースクリプトをインクルードする場合、必ずjQueryを最初にインクルードし、次にクッキープラグインをインクルードしてください。
<script src="~/Scripts/jquery-2.0.3.js" type="text/javascript"></script>
<script src="~/Scripts/jquery_cookie.js" type="text/javascript"></script>
3. jQueryを複数回インクルードしない
これは私の問題でした。jQueryを複数回インクルードしていないか確認してください。もしそうなら、その可能性があります。
- jQueryが正しく読み込まれる。
- Cookieプラグインが正しく読み込まれます。
- 2回目のjQueryのインクルージョンが1回目を上書きし、Cookieプラグインを破壊します。
ASP.Net MVC プロジェクトを使用している人は、デフォルトの javascript バンドルインクルージョンの扱いに注意してください。私が2回目にjQueryをインクルードしたのは、グローバルレイアウトページの1つで、次の行の下でした。
@Scripts.Render("~/bundles/jquery")
.
4. プラグインファイルの名前を変更し、".cookie"を含まないようにする。
まれに、ファイル名を ".cookie" を含まないものに変更すると、このエラーが修正されることがありますが、これは明らかにウェブサーバーの問題によるものです。デフォルトでは、ダウンロードしたスクリプトのタイトルは "jquery.cookie.js" ですが、上記のように "jquery_cookie.js" などにリネームしてみてください。この問題についての詳細は こちら .
関連
-
[解決済み】Heroku:ノードアプリで「このアプリにはデフォルトの言語が検出されませんでした」エラーがスローされる
-
[解決済み】JavaScriptのgetElementByNameが機能しない
-
[解決済み] テスト
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryでクッキーを設定/解除するにはどうすればよいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】パッシブイベントリスナー内部でpreventDefaultができない
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】document.getElementByIDは関数ではありません。
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】JavaScriptのinnerHTMLで要素が更新されない
-
[解決済み】未定義のプロパティ 'bind' を読み込めない。React.js【重複あり
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み】FirefoxでGoogle Maps V3をリモートで使用すると「googleが定義されていません」と表示される。
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。
-
[解決済み] Uncaught (in promise) TypeError: フェッチに失敗してCorsエラー