jqueryのdelegate

すっかり放置してましたねorz

久しぶりの更新はJavascriptネタで。

たとえば$.ajaxを使ってJSON形式でデータを受け取った後にforで展開するとかよくあると思いますが、
その時success内でイベントをバインドしないと実行されない。
というは当たり前ですが、実はlive()とdelegate()を使うとそんな事しなくても良いのです。

<div id="homu"></div>
の中に
$('#homu').html('<ul><li class="mado"></li></ul>');
するときに

$('#homu').delegate('.mado','click',function(){
なんとかかんとか
});
としておけば何個あとから.madoを追加してもイベントが自動的にバインドされるんですな。

というのを覚えた時には既にJQuery1.7のリリースで陳腐化していたというorz

bind(),live(),delegate()はon(),off()に統合されるようです。

詳しくは本家ドキュメントなどをどうぞ(´･ω･`)