後から追加した要素のマウスオーバーの挙動
$(document).on("hover","#hoge", function(){
ajaxでデータを検索した結果をリストボックス要素で一覧表示してそのリストから選択をする。
その際にhoverで背景色を変えてってな挙動を入れようとしたがイベントが発火しない。
元々存在する要素ならばこれで良いのだが、後から追加した要素の場合これだとうまくイベントを拾ってくれない。
$(document).on('mouseenter','#hoge',function(){ $(this).addClass("active"); }); $(document).on('mouseleave','#hoge',function(){ $(this).removeClass("active"); });
挙動としてはliにマウスが触れたらと出たらと言うイベントを拾う。
後から追加した要素の場合結構癖のある書き方になるのでメモ。