$（文件）。就緒（函數（）{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，它將返回函數定義。如果你打電話來執行，你需要添加()。