ajax: サーバーでpartialを取得して更新するとjsが効かなくなる

Question

初回ロード時にはjsファイルが正常に動作するのですが、ajaxで非同期更新にてpartialを更新するとそのpartialのjsが効かなくなってしまいます。
partialファイルに直接= javascript_include_tag 'child.js'で読み込ませるようにすれば解決するのですが、以下のエラーが出てしまい、動作はするのですが、とんでもない処理の量が裏で走ってます。

Started GET "/trusts/relative.js-ed00b7487d7faaa69a62bdef861f105afbea4389ccf3aeabf05ba4b39ae04ad0.map" for ::1 at 2021-05-03 09:44:18 +0900

ActionController::RoutingError (No route matches [GET] "/trusts/relative.js-ed00b7487d7faaa69a62bdef861f105afbea4389ccf3aeabf05ba4b39ae04ad0.map"):

actionpack (6.0.3.6) lib/action_dispatch/middleware/debug_exceptions.rb:36:in `call'
w

Answer 1

$('.ajax-update').on('focusin',function(){
$('.ajax-update').on('keypress', function(){

これらが更新後に動かなくなると言うのならば

$('#ajax-child-show').on('focusin', '.ajax-update', function(){
$('#ajax-child-show').on('keypress', '.ajax-update', function(){

にそれぞれ修正が必要です。

Comments

[tarotarotarotar]

ありがとうございます！残念ながら変わらずでした。。。
ajaxによって呼び出されたpartialはjavascriptがそもそも効かなくなるようです。

[asm]

$(document).on('keypress', '.ajax-update', function(){

ではどうでしょうか？