带有 Turbolinks 的 Rails 中的 Javascript 条件？答案

【问题标题】：Javascript conditional in Rails with Turbolinks?带有 Turbolinks 的 Rails 中的 Javascript 条件？
【发布时间】：2013-06-23 00:05:23
【问题描述】：

我正在尝试为 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'

【问题讨论】：

标签： javascript ruby-on-rails coffeescript ruby-on-rails-4

【解决方案1】：

如果当您单击链接时错误的内容逐渐消失，这可能是因为您没有在每次淡出后重置hasBeenClicked。

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

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

【讨论】：