点击链接不会触发jquery fadeIn

Question

在我的rails应用程序中，我使用jquery fadeIn来淡入我的导航栏和主页中的一些文本，如下

$(document).ready(function(){
  $('.jq-fadein').hide().delay(600).fadeIn(2000);
});

每次我重新加载/刷新页面时它都可以正常工作，但是当我单击导航栏中的主页按钮时，效果不起作用！

我怀疑它可能没有发送 get 请求，但我发现它确实发送了：

Started GET "/" for ::1 at 2016-03-01 01:44:18 +0100
Processing by SiteController#index as HTML
  Blog Load (1.5ms)  SELECT  "blogs".* FROM "blogs"  ORDER BY "blogs"."id" ASC LIMIT 3
  Rendered site/index.html.erb within layouts/application (4.3ms)
  Rendered shared/_navbar.html.erb (1.3ms)
  Rendered shared/_footer.html.erb (0.2ms)
Completed 200 OK in 125ms (Views: 98.3ms | ActiveRecord: 1.5ms)

当我点击导航栏中的主页按钮而不刷新页面时，如何使其淡入？

提前致谢！

Answer 1

您只是在 $(document).ready() 上调用了 fadeIn 函数，该函数在页面初始加载时触发。这就是为什么每次刷新都会看到渐变的原因。

单击主页按钮时添加淡入淡出应该是这样的简单：

$('#homeButton').click(function() {
    $('.jq-fadein').hide().delay(600).fadeIn(2000);
});