我正在尝试为涡轮链接页面设置一个条件 - 页面的不同部分会根据它们所在的网站部分而淡入淡出。
我在特定链接中使用一个类,让我知道何时需要替代行为 - 因此带有“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'
最佳答案
如果点击链接时错误的内容淡出,可能是因为您在每次淡出后没有重置 hasBeenClicked
。
如果您单击 .commentLink
,.commentBit
将正确淡出,但由于 hasBeenClicked
仍然为 true,因此任何其他链接单击将提示相同的行为。
淡出 .commentBit
后将 hasBeenClicked
重置为 false。
关于Rails 中带有 Turbolinks 的 Javascript 条件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17310101/