1 
<html>
<head><title>test</title>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
  </script>
  <!-- ERROR IS HERE the jquery is not being loaded -->

  <script type="text/javascript" src="js/jquery.prettyPhoto.js">
  </script>
  <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" 
      media="screen" charset="utf-8" />
</head>
<body>
  <a title="Despicable Me" rel="prettyPhoto[movies]" 
    href="http://trailers.apple.com/mymovie.mov?width=640&height=360">
    <img src="images/thumbnails/quicktime-logo.gif" alt="Despicable Me" 
    width="50" />
  </a>
  <a title="Despicable Me" rel="prettyPhoto[movies]" 
    href="ai.mov?width=640&height=360">
    <img src="images/thumbnails/quicktime-logo.gif" 
      alt="Despicable Me" width="50" />
  </a>
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
      $("a[rel^='prettyPhoto']").prettyPhoto();
    });
  </script>
</body>
</html>

この html を Firefox にロードすると、エラー コンソールに次のエラーが返されます。

jQuery is not defined.

html ファイル、js ファイル、css ファイルはすべて同じフォルダーにあります。私は何を間違っていますか？

4

3 に答える 3

6

これをローカルで実行していると思います。(注: localhost という意味ではなく、ローカルの html ファイルを開いたという意味です)

ローカルで実行する場合、//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.jsつまりfile:///ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js

したがって、指定する必要がありますhttp://

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

ただし、ページをサーバーにアップロードしたら、 だけ//で問題ありません。これがベスト プラクティスです。

于 2012-10-15T11:23:23.320 に答える
5

申し訳ありませんが、最後の回答が間違っていました

Googleからjqueryをダウンロードして、ローカルサーバーから使用してみてください

<script src="jquery.min.js"></script>

と

すべてのファイルが同じディレクトリの下にある場合js/、jquery.prettyPhoto.js の前に追加すると、次のcss/ ようになります。

<html>
<head>
<title>test</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="prettyPhoto.css" type="text/css" media="screen"  charset="utf-8" />
</head>
<body>
<a title="Despicable Me" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360"><img     src="quicktime-logo.gif" alt="Despicable Me" width="50" /></a>
<a title="Despicable Me" rel="prettyPhoto[movies]" href="ai.mov?width=640&height=360"><img src="quicktime-logo.gif" alt="Despicable Me" width="50" /> </a>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</body>
</html>
于 2012-10-15T11:21:15.530 に答える
0

使用する

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

GoogleサーバーからJQueryファイルを取得するには

于 2012-10-15T11:22:03.380 に答える