appendなどで動的に要素を追加したとき。
追加された要素にclick()を指示しても動かない。
これは.on()を使うことで解決する。
■clickの場合
動かないやつ
動くやつ
■hoverの場合
動かないやつ
動くやつ
それにしても.onのリファレンスってまともなのが見当たらないというか、
event一覧がちゃんと乗ってるのがみあたらなくて困った。
だれか見つけたらおしえとぅ
追加された要素にclick()を指示しても動かない。
これは.on()を使うことで解決する。
■clickの場合
動かないやつ
$('#btn').click(function(){console.log("成功!");});
動くやつ
$(document).on('click','#btn',function(){console.log("成功!");});
■hoverの場合
動かないやつ
$('#btn').hover(function(){console.log("マウスのったー!");},function(){console.log("お、おりたー!");});
動くやつ
$(document).on('mouseenter','#btn',function(){console.log("マウスのったー!");});$(document).on('mouseleave','#btn',function(){console.log("お、おりたー!");});
それにしても.onのリファレンスってまともなのが見当たらないというか、
event一覧がちゃんと乗ってるのがみあたらなくて困った。
だれか見つけたらおしえとぅ