jquery - 带有rails的咖啡脚本（切换功能）仅在页面重新加载后才有效

Question

jQuery ->
  $("#toggle_button").click ->
    $("#toggle_answer").toggle()

我必须每次刷新一次页面才能使切换按预期工作。如果我不刷新页面它不起作用？

有解决方案吗？我一直试图让它工作大约 3 小时。我尝试了很多其他的东西，例如：

$(document).ready() ->
  $("#toggle_button").click ->
    $("#toggle_answer").toggle()

和

jQuery ($) ->
  $("#toggle_button").click ->
    $("#toggle_answer").toggle()

我也尝试不使用咖啡脚本而只使用javascript，但我仍然遇到同样的问题。

这是rails如何工作的问题吗？单击指向另一个页面的链接后，可能没有加载 javascript？（我不认为这正在发生，但我不知道为什么它不起作用）

任何帮助，将不胜感激！

谢谢！

score 0 · Accepted Answer

触发或附加事件时，DOM 中缺少#toggle_button或#toggle_answer似乎有问题。您可以尝试使用 jQuery 方法.on()，该方法将查找给定选择器的元素并在添加到 DOM 时将事件附加到它们：

$("#toggle_button").on "click" ->
    $("#toggle_answer").toggle()

.on()jQuery 中的替换.live()和.delegate()函数，你应该阅读它的文档：http ://api.jquery.com/on/

1 回答 1