jquery.validationを入れるとイベントが消えてしまう件

起きた事象

• 元々、Webフォームがあり、selectボックスの changeイベント発火時に、一部のフォームを書き換えるというAjax処理を書いていた
• 今回の改修で、jquery.stepを使い、Webフォームをウィザード形式に変更することになった
• jquery.stepはjquery.validationと相性が良いみたいなので入れてみた
• ウィザード形式になりvalidationも動作するが、元々あったAjax処理が動かなくなった

結論

• changeイベントの付与を、旧live形式にしたら動くようになりました

  • before

  $('#some_select_id').on('change', function() {
    hogehoge;
  });
  

  • after

  $(document).on('change', '#some_select_id' function() {
    hogehoge;
  });
  

• おそらくvalidationをした際に、HTMLを書き直したりしているので、一度付与したイベントが削除された後、要素だけ復活してる感じになってるんでしょうね

考えていたこと

• jquery.validationはよく使われていそうなプラグインの割に、同じ事象が見当たらなかった
• イベントを付与し直してくれると助かるのになぁ