Question

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

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

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

我怀疑它可能没有发送获取请求，但我发现它确实如此：

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);
});

点击链接不会触发jquery fadeIn

1 个答案: