jQueryでlive（）をon（）に変える

私のアプリケーションは動的にドロップダウンを追加しました。ユーザーは必要なだけ追加できます。

私は伝統的に、jQueryのlive()メソッドを使用して、これらのドロップダウンの1つがchange()編集されたことを検出していました。

$('select[name^="income_type_"]').live('change', function() {
    alert($(this).val());
});

jQuery 1.7以降、これを次のように更新しました。

$('select[name^="income_type_"]').on('change', function() {
    alert($(this).val());
});

ドキュメントを見ると、これは完全に有効なはずです（そうですか？）-しかし、イベントハンドラーは起動しません。もちろん、jQuery 1.7がロードされて実行されていることなどを確認しました。エラーログにエラーはありません。

何が悪いのですか？ありがとう！

onドキュメント（太字;）の状態）：

イベントハンドラーは、現在選択されている要素にのみバインドされます。これらは、コードがを呼び出すときにページ上に存在している必要があります.on()。

に相当する.live()ものは

$(document.body).on('change', 'select[name^="income_type_"]', function() {
    alert($(this).val());
});

イベントハンドラーをできるだけ要素に、つまり階層内でより近くにバインドすることをお勧めします。

更新：別の質問に答えていると、これが.liveドキュメントにも記載されていることがわかりました：

.live()後継者の観点からメソッドを書き換えることは簡単です。これらは、3つすべてのイベント接続メソッドの同等の呼び出しのテンプレートです。

$(selector).live(events, data, handler);                // jQuery 1.3+
$(document).delegate(selector, events, data, handler);  // jQuery 1.4.3+
$(document).on(events, selector, data, handler);        // jQuery 1.7+

選択した回答に加えて、

港jQuery.livejQueryの1.9+には、あなたが移行するには、アプリケーションを待ちながら。これをJavaScriptファイルに追加します。

// Borrowed from jQuery 1.8.3's source code
jQuery.fn.extend({
  live: function( types, data, fn ) {
          if( window.console && console.warn ) {
           console.warn( "jQuery.live is deprecated. Use jQuery.on instead." );
          }

          jQuery( this.context ).on( types, this.selector, data, fn );
          return this;
        }
});

注：this.selector削除されるため、上記の関数はjQuery v3からは機能しません。

または、https：//github.com/jquery/jquery-migrateを使用できます

サードパーティのコードの編集を含まないより良い解決策を見つけました：

https://github.com/jquery/jquery-migrate/#readme

jQuery Migrate NuGetパッケージをVisual Studioにインストールして、バージョン管理の問題をすべて解消します。次回、Microsoftが控えめなAJAXおよび検証モジュールを更新するときに、移行スクリプトなしでもう一度試して、問題が解決したかどうかを確認します。

jQuery MigrateはjQuery Foundationによって管理されているので、これはサードパーティライブラリの最善の方法であるだけでなく、ライブラリの更新方法を詳述する警告メッセージを受け取ることもできると思います。

選択した回答に加えて、

Visual Studioを使用している場合は、正規表現置換を使用できます。
編集>検索と置換>ファイルで置換
またはCtrl + Shift + H

[検索と置換]ポップアップで、これらのフィールドを設定します

何を検索： \$\((.*)\)\.live\((.*),
置換： $(document.body).on($2,$1,
検索オプションで[正規表現を使用]をオンにします

jquery verision xxxjsエディターを開いて検索 jQuery.fn.extend

コードを追加

live: function( types, data, fn ) {
        jQuery( this.context ).on( types, this.selector, data, fn );
        return this;
    },

例：jquery-2.1.1.js-> 7469行目（jQuery.fn.extend）

画像ビューの例