jquery - 为什么 coffeescript/jquery 函数不会在通过 ajax 加载的 DOM 元素上触发，如何解决？

Question

在 Rails 3.2 应用程序中，我有一个咖啡脚本函数，当单击链接时它会切换 css 类。

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

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

这工作正常。

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

为什么是这样？

以及如何解决？

Answer 1

您需要使用on动态元素：

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

（替换document为您的页面容器以提高效率）

Answer 2

使用 jQuery 委托函数而不是单击。http://api.jquery.com/delegate/

$('#paren-element-id').delegate('.toggle-link', click', function yourCallback(){});