单击 link 不会触发 jquery 淡入

Question

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

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

每次我 reload/refresh 页面都工作正常，但是当我点击导航栏中的主页按钮时，效果不起作用！

我怀疑它可能没有发送 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);
});

单击 link 不会触发 jquery 淡入

Click on a link does not trigger jquery fadeIn

jquery

ruby-on-rails

fadein