添加JQuery时出错

Question

我将JQuery添加到我的HTML文件中:

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

然后我添加了一个指向我的JavaScript文件的链接:

<script src="public/javascripts/new_javascript.js" type="text/javascript"></script> 

(我检查了这个链接是否正常工作.)

在我做的文件中

$(document).ready(function() {
   alert("hey!");
});

但谷歌Chrome开发人员工具显示错误:

Uncaught TypeError: Object #<HTMLDocument> has no method 'ready'

怎么会出错呢？

我在Rails中这样做,HTML就像:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>   
<script src="public/javascripts/prototype.js?1349898477" type="text/javascript"></script> 
<script src="public/javascripts/effects.js?1349898477" type="text/javascript"></script> 
<script src="public/javascripts/dragdrop.js?1349898477" type="text/javascript"></script> 
<script src="public/javascripts/controls.js?1349898477" type="text/javascript"></script> 
<script src="public/javascripts/rails.js?1349898477" type="text/javascript"></script> 
<script src="public/javascripts/application.js?1349898477" type="text/javascript"></script> 
<script src="public/javascripts/new_javascript.js?1351137775" type="text/javascript"></script> 

Answer 1

jQuery和Prototype相互冲突.尝试使用jQuery代替$ for jquery命令:

jQuery(document).ready(function() {
   alert("hey!");
});