3

Jquery ライブラリを機能させる方法を考えていました。もちろん、この質問をする前にこれについて調査しており、次のことを提案する本があります。

<script src="scripts/jquery-1.6.2.min.js"><script>

ただし、何らかの理由で、これでも私のページのものは私のコードに応答しません。だから私はとても混乱しました。jqueryはjsライブラリですが、機能しなかったため、作業中のファイルをjquery-1.6.2.min.jsと同じディレクトリに移動しました。私はそれが何であるか疑問に思っていましたか？私は狂ったような構文エラーを検索しているので、それが問題であるとは思えません。私は何を間違えたのだろうか？私が考えることができる他の唯一のオプションは、ウェブサイトタグを使用することです（私はまだ試していません）：

<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>

また

<head>
  <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery- 1.6.2.min.js"></script>
</head>

仕事をするときにウェブ上にいることに頼りたくなかったので、避けたかったのですが、わかりません...ありがとう！

ちなみに、これは完全なコードです：

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery goes to DOM-ville</title>
    <style>
      #change_me {
        position: absolute;
        top: 100px;
        left: 400px;
        font: 24px arial;
      }
      #move_up #move_down #color #disappear { padding: 5px; }
    </style>
    <script src="scripts/jquery-1.6.2.min.js"></script>
  </head>
  <body>
    <button id="move_up">Move Up</button>
    <button id="move_down">Move Down</button>
    <button id="color">Change Color</button>
    <button id="disappear">Disappear/Re-appear</button>
    <div id="change_me">Make Me Do Stuff!</div>
    <script>
      $(document).ready(function() {
        $("#move_up").click( function() {
          $("#change_me").animate({top:30},200);
        });//end move_up
        $("#move_down").click( function() {
          $("#chage_me").animate({top:500},2000);
        });//end move_down
        $("#color").click( function() {
          $("#change_me").css("color", "purple");
        });//end color
        $("disappear").click( function(){
          $("#change_me").toggle("slow");
        });//end disappear
      });//end doc ready
    </script>
  </body>
</html>
4

2 に答える 2

3

問題はおそらくパスです... HTML ページを使用しているだけですか? その場合、次の点に注意してください。

1.) パスが a で始まる場合/、ルート フォルダーから始まることを意味します。

2.) パスが a で始まらない場合、パスが存在/する現在のフォルダーに対して相対的に開始されることを意味します。

修正するには:

html を含むフォルダー内に、javascripts フォルダーを作成し (「js」など、任意の名前にすることができます)、その中に jquery javascript ファイルを配置します。

次に、これを jquery へのパスに使用します。

 <script type="text/javascript" src="/javascripts/jquery.min.js"

これは絶対パスを参照するため、後でネストされたフォルダーにhtmlファイルがある場合、相対パスではなく絶対パスを参照します。

同様に、インターネットがある場合は Google バージョンを使用し、そうでない場合はローカル バージョンを使用する場合は、次のスニペットを使用できます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>  
<script type="text/javascript">
    window.jQuery || document.write("<script src='/PATH/TO/jquery.js'><\/script>")
</script>

補遺:

Fabrício Matté の修正を反映するように投稿を修正しました。

Web サーバー (たとえば、Apache) の背後で実行していない場合、絶対パスは少しおかしくなることがあります。これが、コンピューターではなくサーバーで機能する理由です。

ウェブサーバーなしでローカルで実行している場合 (これを実行しないでください。MAMP または XAMP、Apache、nginx、IIS などをインストールしてください...)、フル パスを指定する必要があります。

Mac: /Users/yourusername/Sites/website/index.html

PC: C:/somethign/something/else/index.html

于 2012-07-07T00:22:45.540 に答える
2

「スクリプト」と呼ばれるディレクトリと同じディレクトリに、ページ (すべてのコードをコピーして表示したページ) がありますか? その「scripts」ディレクトリに、「jquery-1.6.2.min.js」というファイルがありますか?

私の推測では、次の 3 つのことのいずれかが起こっています。

  1. あなたはjqueryファイルが別のディレクトリにあります
  2. jquery ファイルを含めたことがない
  3. jquery ファイル名がまったく同じではありません

FireBug を確認すると、このファイルが見つからないはずです

于 2012-07-07T00:19:26.837 に答える