替换 DOM 元素上的 Rails Ajax 事件

如何解决替换 DOM 元素上的 Rails Ajax 事件

我有一个简单的 Rails ujs 应用程序，页面上有一些远程链接。

<%= link_to 'Test',posts_path,remote: true,id: 'test' %>

在我的 js 模板中，我用新的链接替换了这个链接。

$('#test').html('<%= j link_to "Test",id: "test" %>')

同时需要监听ajax:success事件：

window.addEventListener("load",() => {
  document.body.addEventListener("ajax:success",(event) => {
    # => Expected to be fired on all success ajax calls,no matter partial dom manipulations
  });
});

但问题是这个事件永远不会触发。因为它的目标元素被替换了。

即使 ajax:success 的目标元素已从 dom 中删除，我如何收听它？

我的代码没有实际意义，但它的目的是用简单的方式演示现实世界中的问题。

解决方法

当我有远程链接时，比如帖子显示操作，我会为正常交互创建一个 show.html.erb，然后还创建一个 show.js.erb，在那里我将定位我的元素想要从远程链接更改/修改并使用转义 javascript 方法替换那里的 html。 它看起来像 $('some element').html('<%= j render 'some_partial.html.erb'%>')。其中 some_partial.html.erb 是被替换元素的一部分。

Escape Javascript