Rails turbo 帧响应未触发 turbo:load

Question

我有一个使用Turbo 的标准内联编辑，它将show 视图的turbo 框架替换为_form 中的turbo 框架。但在这种情况下，$(document).on "turbo:load", -> 事件不会触发。

我没有看到应该使用的another event。任何想法如何在替换涡轮框架的响应上运行 js？ （例如在表单中初始化日期选择器）

Answer 1

框架加载时触发的事件仍在构建中：https://github.com/hotwired/turbo/pull/59

我们目前仅有的事件是turbo:before-fetch-request 和turbo:before-fetch-response，它们在每次Turbo 更改框架或导航页面时在document 级别触发。框架的内容不会在事件触发时加载，但它允许您使用框架的 loaded 属性来连接在框架加载时运行的承诺。

$(document).on("turbo:before-fetch-response", (e) ->
  frame = document.getElementById("myFrame")
  # Frame has finished loading
  if frame.complete
    #run my code
  else
    # Frame is still loading, run this code when it finishes
    frame.loaded.then () ->
      # run my code

否则，您可以编写一个 Stimulus 控制器来包装您的日期选择器初始化，这样您就不必注意它进出 DOM。