3

HTMLファイルにJQueryを追加しました。

<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!");
});

しかし、GoogleChrome開発者ツールはエラーを表示します：

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>
4

3 に答える 3

5

jQueryとPrototypeは互いに競合しています。jqueryコマンドに$の代わりにjQueryを使用してみてください。

jQuery(document).ready(function() {
   alert("hey!");
});
于 2012-10-25T04:18:07.413 に答える
0

プロトタイプが暗黒時代のように$を上書きする場合は、JQコードを次のような関数でラップします。

(function($) {

    // Do whatever you like with $

    $(function() {
        alert("Document ready");
    })

})(jQuery);
于 2012-10-25T04:20:17.223 に答える
0

jQuery.noConflict（）を使用できます

$.noConflict();
jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
});
// Code that uses other library's $ can follow here.
于 2012-10-25T04:22:13.843 に答える