jQuery: イベントのバインド

なんかbindやらliveやら使えたり使えなくなったりなのでメモです。

function hoge(){
  $(".hoge").append("<div class='hoge'>hoge</div>");
  // 新たに追加された.hogeはhoge();されないのでbind
  // でもonすると二重になっちゃうのでoffしておく
  $(".hoge").off("click",hoge);
  $(".hoge").on("click",hoge);
}

$(".hoge").on("click",hoge);

onを何度もするとどんどん重なっていくので一回offしなきゃ駄目です。

jQuery入門道場