相关疑难解决方法(0)

我正在构建我的第一个 Ruby on Rails 应用程序，并尝试创建一个动画导航栏。我正在使用 jQuery 和 Turbolink。

这是我的application.js（下/app/assets/javascripts）

$(document).ready(function(){\n  $("#nav").hover(function(){\n    $("#nav").animate({left:\'10px\'});\n  },\n  function(){\n    $("#nav").animate({left:\'-220px\'});\n  });\n});\n

application.html.erb在（下）上app/views/layouts，我有

<%= javascript_include_tag "application", "data-turbolinks-track" => true %>\n

和我的超级导航栏，现在看起来像这样（也在应用程序/视图/布局下）

<div id=\'nav\'>\n  <%= image_tag(\'arrow.png\', size: \'20x20\', id: "arrow") %>\n  <ul>\n    <li><%= link_to \'Main page\', root_path%></li>\n    <li><%= link_to \'R\xc3\xa9sum\xc3\xa9\', resume_path %></li>\n  </ul>\n</div>\n

当我加载应用程序时，动画起作用，但是当我导航到应用程序的其他页面时，动画停止工作。如果我按F5，它就会再次工作

因此，如果我想使用导航栏，我必须刷新每个页面。

你知道我能做什么来解决这个问题吗？