2013-05-12 7 views
6

jQueryの特定のビットが動作していない理由は、jQueryが全く機能していないためです。私はW3 Schoolsのような場所から直接コピーしました。jQueryが自宅(ローカル)マシンで動作しないのはなぜですか?

私はソフトウェア開発の仕事でjQueryを使用していますが、私は専門家ではありませんが、私はそれに精通しています。初めて私はホームプロジェクトでjQueryを使用しようとしていますが、私が何をしても、それはうまくいきません。私が以下に含まれている例は、私が考えることができるほど単純であり、それはうまくいきません。

<!DOCTYPE HTML> 
<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
</head> 
<body> 
<div> 
    <p>Old Stuff</p> 
</div> 
<script type="text/javascript"> 
    $('p').text('New Stuff'); 
</script> 
</body> 
</html> 

これには何か問題がありますか?

+0

w3schoolsが動作しない場合は、驚くことではありません。 http://w3fools.comをご覧ください。 – mplungjan

+0

jQueryを正しくロードすると、例が正常に動作します。つまり、ファイルからhttp://を意味するか、ページをアップロードします。http://jsfiddle.net/mplungjan/8tXC2/ – mplungjan

+0

あなたのファイルマネージャからページを開く? – BoltClock

答えて

8

コードは大丈夫です。

おそらくコードを展開していないので、ブラウザはデフォルトでfile://プロトコルに設定されているため、スクリプトはダウンロードされません。スクリプトタグでhttp:を追加し、それを解決するために

:この

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
+0

私は実際にここでそれを試しました。 Chromeはスクリプトをロードしません。 'http://'が指定されていない場合、ブラウザは 'http:'が存在しない場合、 'file://' – acdcjunior

+0

@mplungjanを検索します。 –

+0

@mplungjan:ローカルマシン上でプロトコル*が必要です([BoltClock、below]によって説明されています(http://stackoverflow.com/questions/16509740/why-does-no-jquery-work-on-my-ホームマシン/ 16509764?noredirect = 1#comment23701542_16509764))。 –

3

変更この

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

あなたはjQueryのをロードする方法が問題になるかもしれません。 //を使ってURLを開始すると、HTTPまたはHTTPSプロトコルでページを閲覧しているときに動作するはずです。ただし、ローカルファイルとして開くと動作しません。私はあなたが以下のようにjQueryを含めるようにしようと提案し、あなたの例では、HTTP上で動作することを考えると

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"> 
</script> 
1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"> 
                      </script> 
0

使用http:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
-2

あなたは

内部
$('p').text('New Stuff'); 

を配置するのを忘れあなたはこのようにすることができる準備ができています:

$(function(){ 
    $('p').text('New Stuff'); 
}); 
+0

それはPの後です。 – mplungjan

+1

しかし、これはjQueryを使用するベストプラクティスではありません。jQuery jsファイルの横にあります。srcにローカルまたはCDNを組み込み、ドキュメントでこれを行う必要があります。Ready機能 – Milson

+0

ベストプラクティスについては議論していません。インラインスクリプトが必要な時がありますが、スクリプトは/ bodyの前に置かなければならないと誓っています。コードは動作し、問題はファイル://対http://対 – mplungjan

0

ブラウザのURLでスクリプトの場所を呼び出すことによって、スクリプトに対する適切な権限があるかどうかを確認してください。 ブラウザのURLに「http://someloaction/js/jquery.min.js」と入力してください。 「禁止されています」と表示されている場合は、アクセス権は問題ありません。

関連する問題