jquery - 为什么 CoffeeScript/jquery 函数不会在通过 ajax 加载的 DOM 元素上触发，以及如何修复？

在 Rails 3.2 应用程序中，我有一个 CoffeeScript 函数，可以在单击链接时切换 css 类。

#coffeescript
jQuery ->
  $(".toggle-link").click ->
    $(this).toggleClass "selected"

#view
<%= link_to "toggle", my_path, class: "toggle-link" %>

这很好用。

但是如果我将链接移动到ajaxified部分，例如对于分页，jquery 切换停止工作。

这是为什么？

如何修复它？

最佳答案

您需要使用on对于动态元素:

jQuery ->
  $(document).on 'click', ".toggle-link", ->
    $(this).toggleClass "selected"

(将 document 替换为页面的容器，以提高效率)

关于jquery - 为什么 CoffeeScript/jquery 函数不会在通过 ajax 加载的 DOM 元素上触发，以及如何修复？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16527290/