这个是导航栏的动效代码。点击 h2 标题的跳到新页面的时候,下面 js 的代码就失效了,导航栏不会有效果。如果我打开页面的调试工具,在控制台手动执行一遍$('#mainNav').affix
的代码,导航栏效果就可用了。请问这是什么问题导致的啊?求教。
html 代码如下:
<div class="col-lg-12 text-center">
<h2><%= link_to :Bike , bikes_url , rel:"external" %></h2>
<hr class="star-primary">
</div>
Jquery 的代码如下,并且在 application.js 中 require 了它:
$(function() {
"use strict"; // Start of use strict
// Offset for Main Navigation
$('#mainNav').affix({
offset: {
top: 100
}
})
})