jQuery.load()でhtmlファイルを読み込んだ後に処理を実行する

2022-10-22

下記だと読み込んだhtmlファイルの内容に対してイベントが発火しない。

$('.foo').load('sample.html');

$('.bar').click(function() {
  //sample.html内の.barに対するイベント内容
});

読み込んだhtmlファイルの要素に対して（＝htmlファイルを読み込んだ後に）イベントを白化させるには下記の記述。

$('.foo').load('sample.html', function() {
  $('.foo').click(function() {
    //イベント内容
  });
});