Rails 中带有 Turbolinks 的 Javascript 条件？

Question

我正在尝试为涡轮链接页面设置一个条件 - 页面的不同部分会根据它们所在的网站部分而淡入淡出。

我在特定链接中使用一个类，让我知道何时需要替代行为 - 因此带有“commentlink”类的链接将触发“.commentBit”div 的淡入淡出，但网站的其余部分将触发“#mainPage”淡入淡出。

我似乎无法让以下条件发挥作用，你知道我做错了什么吗？

hasBeenClicked = false
$(document).on( 'click', '.commentlink', ->
  hasBeenClicked = true
  )

$(document).on 'page:fetch', ->
  if hasBeenClicked
    $('.commentBit').fadeOut 'fast'
  else
    $('#mainPage').fadeOut 'fast'

Answer 1

如果点击链接时错误的内容淡出，可能是因为您在每次淡出后没有重置 hasBeenClicked。

如果您单击 .commentLink，.commentBit 将正确淡出，但由于 hasBeenClicked 仍然为 true，因此任何其他链接单击将提示相同的行为。

淡出 .commentBit 后将 hasBeenClicked 重置为 false。