のjQueryはJavaScriptファイルでビューファイルでのjQuery</p> <p>でエラー

Question

エラー（index.phpを）

<script type="text/javascript" src="crosscut.js" ></script> 
<script src="jquery-ui.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="mod-min.js" ></script> 
<script type="text/javascript" src="jquery-min.js" ></script> 

が定義されていない

$(document).ready(function() { 
    $('#crossline').css('background-color','blue'); 
}); 

button = function() { 
    // other code 
} 

私は、スクリプト内のjqueryの-min.jsが含まれていますページ読み込み時に読み込まれます。 jquery-min.jsファイアバグを検査中にすべてのコードがロードされました。

ファイルが壊れている可能性があるので、私は "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"のライブパスを試してもまだ動作しません。

jquery関数を使用すると、ready関数が設定されていないと正常に動作します。

Answer 1

あなたは多くの情報を提供していない参照noconflict

のセットアップjQueryのに必要なことに注意してください、しかし、あなたは持っている1つの問題は、あなたがjQueryをロード前jQueryUIをロードしていることです。

jQueryに依存するその他のファイルは、の後に jQueryの後にロードする必要があります。

<!-- this one first! --> 
<script type="text/javascript" src="jquery-min.js" ></script> 

<script type="text/javascript" src="crosscut.js" ></script> 
<script src="jquery-ui.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="mod-min.js" ></script> 

Answer 2

jqueryと一緒にプロトタイプjs（または他のライブラリ）を使用していますか？あなたはhttp://docs.jquery.com/Using_jQuery_with_Other_Libraries

Answer 3

あなたはjQuery.jsに負荷jQuery.jsその後、第一及びその他のjs も重要なシーケンスを使用している場合。

<script src="js/jQuery.js" type="text/javascript"></script>  
    <script src="js/jQuery.alert.js" type="text/javascript"></script> 
    <script src="js/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" src="js/CustomerSummary.js"></script> 
    <link rel="stylesheet" href="css/style.css" type="text/css"></link> 
    <link rel="stylesheet" href="css/style_new.css" type="text/css"></link>