带栏杆的coffescript（切换功能）仅在页面重新加载后有效

Question

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

我必须每次刷新页面一次才能使切换按预期进行。 如果我不刷新页面，那行不通吗？

有解决方案吗？ 我一直在尝试使其工作约3个小时。 我尝试了很多其他事情，例如：

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

和

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

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

这是铁轨工作方式的问题吗？ 也许在单击指向另一页面的链接后未加载javascript？ （我不认为这正在发生，但是我不知道为什么它不起作用）

任何帮助，将不胜感激！

谢谢！

Answer 1

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

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

.on()替换jQuery中的.live()和.delegate()函数，您应该阅读其文档： http : .delegate()