Rails 4 jQuery加載但不起作用

Question

我正在嘗試將一些與Rails2應用程序一起使用的簡單jquery遷移到Rails4。 js在Rails2中工作正常，但在Rails4中工作不正常。

我了解Turbolinks會干擾Jquery文檔的准備工作，因此我已將其從資產清單文件和gemfile中的gem中刪除。 我重新運行了Bundle Install並重新啟動了我的應用程序。

我已經確認Jquery已加載，並且可以在Firebug窗口中看到所有javascript加載。 常規javascript可以正常運行； 但是，以$開頭的任何內容都會自動失敗。

例：

<script>

$(document).ready(function(){
alert("I'm alive");
});

</script>

即使這樣也不行...但是一個簡單的警報就可以了。 我在這里撓頭。

是的...這是正確的在頁面上。 我需要的js非常簡單。...通常只需准備好一個內襯文件即可。

我已經在Google上進行了廣泛的搜索，並通過堆棧交換進行了研究。 任何幫助表示贊賞。

Answer 1

確保您已包含jQuery庫； 為了使用jQuery，您需要包括jQuery庫。 此外，腳本應位於jQuery庫之后。

<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script>    
 $(document).ready(function(){
    alert("I'm alive");
 });    
</script>

Answer 2

可能與prototype.js沖突？ 您還可以獲取jquery-rails gem並執行

rails g jquery:install 

至少對我來說，我不想考慮是否記得在需要的地方都包含jquery。 另外，我相信jquery-rails可以解決任何潛在的prototype.js沖突。

編輯我的問題是 Turbolinks，所以以防萬一有人像我一樣到達此頁面，您需要做

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

代替

$( document ).ready(function()

https://stackoverflow.com/a/22838992/1094092

“ Turbolinks使您的Web應用程序中的鏈接速度更快。與其讓瀏覽器重新編譯每個頁面更改之間的JavaScript和CSS，它還使當前頁面實例保持活動狀態，並僅替換正文和標題。 “。 https://github.com/rails/turbolinks