onload後に構築した要素に対してイベントや関数が効かないときには - console.lealog();

いやー、ハマった！ これは困ってた！ ので、メモしておきます。 ハマったとこ こういう要素があったとして、 <ul id="list"> <li>hoge</li> <li>ioge</li> <li>joge</li> <li>koge</li> </ul> 例えばAjaxで、こうなったとします。 <ul id="list"> <li>hoge</li> <li>ioge</li> <li>joge</li> <li>koge</li> <li>loge</li> <!-- 後から追加した要素--> <li>moge</li> <!-- 後から追加した要素--> </ul> で、 $('#list li').click(function(){ //なんやかんや }); こういうイベントを設定してたとします。 なんででしょう、最初からあった要素に対しては関数が動くのに、後から追加したやつに