1

基本インデックス ページと大きなリポジトリ ページがあり、そこから必要な要素を読み込んでjquery.load()、コードをよりクリーンにし、サイズを小さくします。いくつかのボタンなど、ベース ページにいくつかのパーツをロードした後、js ファイル内の新しくロードされたページ アイテムに追加したすべてのイベント ハンドラーが機能しません。
これがjsファイルからの私のサンプルコードです: 

$(document.body).on('click', '.btn', function(){
    var tData = $(this).text();
    console.log(tData)
})

誰でも助けることができますか？
その場で作成する以外に、すべての HTML コードを 1 つの場所に配置するのは間違っているのでしょうか?
または、html の各部分の後に scrip タグを追加する必要がありますか?

4

1 に答える 1

2

jquery js ファイルが読み込まれたら、ready メソッドでコードをラップします。

$(document).ready(function() {
    $(document.body).on('click', '.btn', function(){
       var tData = $(this).text();
       console.log(tData)
    }
});
于 2013-03-06T11:55:16.927 に答える