javascript - 带有 Turbolinks 的 Rails 中的 Javascript 条件？

Question

我正在尝试为 turbolinks 页面设置条件 - 页面的不同部分会根据它们所在的站点的哪个部分淡化。

我在特定链接中使用了一个类来让我知道何时需要替代行为 - 因此带有“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在每次淡出后重新设置。

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

hasBeenClicked淡出后重置为 false .commentBit。