2017-05-09 6 views
-1

私のASP WebページでいくつかのjQueryコードを実行しようとしていますが、素敵なUncaught ReferenceError: $ is not definedエラーが発生しています。だから何らかの理由で私のjQueryはまだ初期化されていませんが、理由を理解することはできません。JQueryが時間内にロードされない

Image of my source files being loaded in. Default.aspx loads first, somewhere at the bottom jquery-ui.min.js is loaded as well with status 200

あなたが見ることができるように、私のDefault.aspxと私のjquery-ui.min.jsファイルはステータスコードで私のDefault.aspxで200

をロードされているの両方が、私は次のコードを持っている:

window.onload = function (e) { 
    console.log("this works 1", this); 
}; 

window.onload = function (e) { 
    console.log("this works 2", $(this)); 
}; 

(function ($) { 
    console.log("this works 3", this); 
}); 

(function ($) { 
    console.log("this works 4", $(this)); 
}); 

$(document).ready(function(){ 
    console.log("getting desperate now"); 
}); 

var something = $(this); 
console.log(something); 

その結果、コードは$で認識されないため、 $(document).ready(function(){というコードが壊れます。彼は$記号を壊すので、コンソールにログを表示しません。私がやった

次のテストは、以下の通りであった:

window.onload = function (e) { 
    console.log("this works 1", this); 
}; 
window.onload = function (e) { 
    console.log("this works 2", $(this)); 
}; 
(function ($) { 
    console.log("this works 3", this); 
}); 
(function ($) { 
    console.log("this works 4", $(this)); 
}); 

このタイムコードは壊れませんが、何のログはどちらかのコンソールに添加しませんでした。だから何らかの理由で私のwindow.onloadまたは(function ($) { });が動作しません。

+3

これは、解析する前にjQueryを参照しようとしているようです。jQueryを使用するスクリプトは、jQueryコアリファレンスの後にある必要があります。 – epascarello

+0

はい申し訳ありませんが、私はしました。無視してください –

+0

あなたのASPX(スクリプトタグのあるセクション)を表示できますか? –

答えて

0

あなたのリソースのスクリーンショットを見ると、あなたのコードがロードされ、jqueryがロードされる前に実行されていることがわかります。

あなたがしなければならないことは、ファイルをロードする順序を変更することだけです。私はASPビルダーではありませんが、スクリプトを定義する場所に行きます。 JQUERYを他のスクリプトの前に置く。

0

jQueryのあなたはjQueryの構文(例えば$)を使用するすべてのJavaScriptファイルを参照する前に参照する必要があります

  1. リファレンスあなたjQuery.min.js
  2. 次に、あなたのJavaScriptが
-1

ファイル私はこれがjquery-datatablesに関係していると信じています。それはjqueryも必要で、前にロードしました。

下のリンクから:

上記のコードに加えて

は、以下のJavaScriptライブラリファイルは、この例で使用するためにロードされます

//code.jquery.com/jquery-1.12.4.js https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js

https://datatables.net/examples/basic_init/zero_configuration.html

関連する問題