2016-08-12 4 views
-3

を実行していない:jQueryのは、私はheadタグ内で宣言は、以下のリンクを持っているローカル

<script type="text/javascript" src="javascript/jquery-3.1.0.min.js"></script> 
<script type="text/javascript" src="javascript/scripts.js"></script> 

とスクリプトファイル内に次のコード:

$("#person").hover(function() { 
    // trigger the mouseover event 
    $("#person-text span").addClass("important-info"); 
}, function() { 
    // trigger the mouseout event 
    $("#person-text span").removeClass("important-info"); 
}); 

$(document).ready(function(){ 
    console.log("ready!"); 
}); 

私もを通じてjQueryライブラリを追加しようとしていますGoogleとMicrosoftのCDNs、それもうまくいきませんでした。ここで

はコンソールエラーからのスクリーンショットです: enter image description here

+0

<script type="text/javascript" src="javascript/jquery-3.1.0.min.js"></script> 

ファイルならば変更しようと試してみますか? – pmahomme

+0

Chrome/Firefoxでプレビューしようとすると実行されません。 –

+2

あなたはコンソールを見ていますか?何か間違いはありますか? – pmahomme

答えて

1

私は数日戻って同様の問題がありました。 HTMLページの最後にカスタムスクリプトタグを移動し、コードが機能しました。一般的には$(document).ready()機能で発生します。

<script type="text/javascript" src="javascript/scripts.js"></script> 

HTMLページの最後に上記の行を移動し、それが動作するはずです。

+0

HTMLページの最後にはどういう意味ですか?正確にはどこで? –

+1

まずは、ありがとうございました。第二に、なぜ誰が知っていますか? –

+0

あなたが使用しているページは、HTML/PHP/ASPXです。これをちょうど終了タグの前に移動してください –

0

$(document).ready(function(){/*your code*/})
を使用してjQueryのために404エラーを示すブラウザのコンソールが報告したすべてのエラー

<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js 
"></script> 
関連する問題