為什么會收到未捕獲的ReferenceError：未定義$

Question

我有一個簡單的顯示頁面，該頁面的頂部包含以下haml代碼：

:javascript
  $(document).ready(function() {
    alert('Come on work.....');
  });

加載頁面時，我在控制台中收到此錯誤Uncaught ReferenceError: $ is not defined

問題似乎與這里的問題類似（ Uncaught $ error ）。

我的application.js看起來像這樣：

#= require jquery
#= require jquery_ujs
#= require jquery-ui
#= require underscore-min
#= require chosen.jquery.min
#= require app
#= require_tree .
#= require twitter/bootstrap
#= require d3.min
#= require highcharts/highstock
#= require highcharts/highcharts-more
#= require highcharts/solid-gauge
#= require tagcloud
#= require ace-element.min
#= require tipso.min

# Remove the following trigger when TurboLinks are re-enabled
  $(document).ready ->
    $(document).trigger 'page:change'

關於如何繼續排除所有其他javascript文件的故障，我可以使用一些幫助，所以我不確定是什么問題。

更新

我不確定我是否正確理解，但是我已經嘗試過將application.js的文件重新排序為：

 #= require_tree . #= require jquery #= require jquery_ujs #= require jquery-ui 

而且我收到一個新錯誤，說JQuery is not defined 。 我以為通過在application.js文件中使用它，jquery將隨處可見。 我在這里想念什么。 我是否需要在show.html.haml頁面中包含實際文件？

Answer 1

正如@Pointy所說，需要在您的application.js之前包含jQuery文件。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="application.js"></script> 

Answer 2

您將必須在頁面中包含jQuery參考

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>