3


0

jQueryでの最初の発掘

jQueryに関する限り、私は完全な初心者です。 また、非常に基本的なものを除き、JavaScriptについてあまり知りません。

私はここでこのチュートリアルに従っています:http://docs.jquery.com/How_jQuery_Works

そして、何も機能していません! :-)

マシンのハードドライブにC:\ rnd \ jQueryフォルダーを作成しました

次に、そのフォルダーに、jQuery Webサイトからダウンロードしたjquery.x.x.jsファイルを配置し、test.htmlファイルを作成して、次のコードを記述しました。

      a.test { font-weight: bold; }



      $.(document).ready(function() {
        $("a").addClass("test");
        $("a").click(function(event) {
          alert("Thanks for visiting.");
          event.preventDefault();
        });
      });



    jQuery

jQuery Webサイトにアクセスする通常の動作を行うだけです。 Chrome、IE、Firefoxで実行しました。 ブラウザでJavaScriptを有効にしています。 どこでも同じです。 期待していたことは何もしません。 ウェブサイトに移動するだけです。

IEを除き、スクリプトでエラーが発生したというメッセージボックスが表示されます。 「はい」をクリックしてデバッグすると、デバッガーが開きますが、コード行が強調表示されないため、実際に何が起こっているのかわかりません。

次に、自分のコードに次の行があったとき:

$("a").hide("slow");

そして、私の完全なコードは次のようになります。

      a.test { font-weight: bold; }



      $.(document).ready(function() {
        $("a").addClass("test");
        $("a").click(function(event) {
          alert("Thanks for visiting.");
          event.preventDefault();
          $("a").hide("slow");
        });
      });



    jQuery

これで、FirefoxとChromeでは何も変わりませんが、IEではデバッガに再び侵入し、今回はこの行が黄色で強調表示され、識別子「jQuery」が定義されていないことが報告されます。

(function($) {
  $.fn.textDropShadow = function(){
    $(this).html(''+$(this).html()+''+$(this).html()+'');
    return $(this);
  }
})(jQuery);

そして、それはjQuery WebサイトにあるJavaScriptコードだと思います。

私は完全に失われたと感じます。 任意の助けがいただければ幸いです。

*更新:*完全なHTMLがあり、有効なXHTMLです。 ブラウザがHTML応答ストリームとしてそれを表示するのは残念であり、スクリプトとしてここに表示することさえできません。 くそー! ここにHTMLをどのように表示しますか?

4 Answer


16


1つの問題を確認できます。 ドキュメントの準備完了ステートメントの「$」の後に「。」があります。

$.(document).ready(function()
 ^--- remove the .!

これは次のようになります。

$(document).ready(function()


4


まず、jQueryコードを記述する(またはプラグインをロードする)前に、jQueryライブラリが参照されていることを確認してください


また、$(document).ready(function()\ {});

$。ではありません(ドキュメント)


2


明らかに問題は$ .document部分の余分なドットでしたが、jqueryを学習する際のヒントです。

別のjavascriptライブラリがページで実行されており、$記号も使用しているという状況に陥ることがあります。 jqueryを他のライブラリから分離したまま$シンボルを共有する良い方法は、jquery initステートメント内で$をエイリアス化することです。 そのようです。

jQueryなので、私は個人的にこのアプローチが好きです。

jQuery(document).ready(function($) {
    $('#...');
});


1


次の行を含めましたか?


何が間違っているのかを知るには、ページをもっと表示する必要があります。