[解決済み] jQuery 1.9 .live() は関数ではありません。
2022-02-17 04:29:39
質問
最近、jQueryを1.8から2.1にアップデートしました。その際、突然
.live()
が動作しなくなる。
エラーが表示される
TypeError: $(...).live is not a function
.
の代わりに使えるメソッドはありますか?
.live()
?
解決方法は?
jQuery
.live()
はバージョン 1.9 以降で削除されました。
つまり、バージョン1.8以前からアップグレードする場合、以下の移行ガイドに従わないと、物事が壊れることに気がつくでしょう。単純に
.live()
で
.on()
!
検索と置換を始める前にお読みください。
について
クイック/ホットフィックス
をライブサイトで使用することができます。
しない
キーワードを置き換えるだけで
live
で
on
,
として
パラメータが異なる
!
.live(events, function)
にマッピングする必要があります。
.on(eventType, selector, function)
(子)セレクタは非常に重要です! 何らかの理由でこれを使用する必要がない場合は、これを
null
.
移行例1:
の前にあります。
$('#mainmenu a').live('click', function)
の後、子要素(
a
) を
.on()
セレクタを使用します。
$('#mainmenu').on('click', 'a', function)
移行例2:
の前にあります。
$('.myButton').live('click', function)
の後に、要素(
.myButton
) を
.on()
セレクタを使用して、最も近い親要素 (できれば ID 付き) を探します。
$('#parentElement').on('click', '.myButton', function)
親として何を入れたらいいのかわからない場合。
body
は常に動作します。
$('body').on('click', '.myButton', function)
こちらもご覧ください。
関連
-
[解決済み】 Uncaught TypeError: data.push is not a function
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み】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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】document.getElementByIDは関数ではありません。
-
[解決済み】最大呼び出しスタックサイズ超過エラーとその修正方法とは?
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】リソースはドキュメントと解釈されるが、MIMEタイプはapplication/zipで転送される
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】TypeError: res.status は関数ではありません。
-
[解決済み】ES6マップオブジェクトをソートすることは可能ですか?
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み】ETIMEDOUTエラーの対処方法は?
-
[解決済み】JavaScriptで関数が存在するかどうかを確認する方法は?