$（文件）。就绪（函数（）{Rails的涡轮链路与涡轮链接运行此

Question

有问题......

$(document).ready(function() { 
var n = '#nav', no = 'nav-open'; 
    $('#nav-menu').click(function() { 
    if ($(n).hasClass(no)) { 
     $(n).animate({height:0},300); 
     setTimeout(function(){ 
      $(n).removeClass(no).removeAttr('style'); 
     },320); 
    } 
    else { 
     var newH = $(n).css('height','auto').height() 
      ; 
     $(n).height(0).animate({height:newH},300); 
     setTimeout(function(){ 
      $(n).addClass(no).removeAttr('style'); 
     },320); 
    } 
}); 
}); 

我想这没有任何的运气：

var ready; 
ready = function() { 

...your javascript goes here... 

}; 

$(document).ready(ready); 
$(document).on('page:load', ready); 

对不起，我没用的JavaScript！

Answer 1

据我了解，我会建议使用jQuery-Turbolinks，这是一个宝石安装，以与Turbolinks

0 JS工作

我们有一个类似的问题给自己，因为我们不得不

$(document).ready(function() {}); 

，它不会火 - 它是由Turbolinks加载文档一次，然后欺骗JS以为这是造成不重装

我想尝试安装宝石&看，如果它的工作原理：

的Gemfile：

gem 'jquery-turbolinks' 
Add it to your JavaScript manifest file, in this order: 

//= require jquery 
//= require jquery.turbolinks 
// 
// ... your other scripts here ... 
// 
//= require turbolinks 

Answer 2

你的最后两行添加()，要求他们执行

$(document).ready(ready()); 
$(document).on('page:load', ready()); 

说明：ready是代表由您定义的函数的变量。如果你叫它的名字ready，它将返回函数定义。如果你打电话来执行，你需要添加()。