使用 link_to 时 JavaScript 不执行

Question

我有几个 JavaScript 函数，可以将操作附加到 Controller View some/index 中的按钮。我使用 link_to 方法导航到 some/index 。但是当我使用 link_to 方法时，按钮没有附加的 JavaScript 操作(在 some/index View 中)。当我尝试直接从浏览器打开 some/index 时，按钮包含我需要的所有附加操作并且工作正常。

some.js.coffee

jQuery ->
    $('.my-btn').on 'click', (event) ->
    ...

当我使用 link_to 时，我认为它无法将操作附加到 some/index 中的按钮，因为它已经在 root/index View 和页面中执行了所有 JavaScript当我使用 link_to 时，它不刷新。我怎么解决这个问题？仍然想使用link_to)

Answer 1

这是 Turbolinks 的结果。您可以通过以下方法解决此问题:

$(document).on 'click', '.my-btn', (event) ->
  ...

发生这种情况是因为 Turbolinks 正在加载页面，并且没有触发文档就绪事件。您想要等到 Turbolinks 触发 page:load 事件。

上面的代码不需要 jQuery ->。