2017-03-06 7 views
1

このコードはwww.littlewebhut.comでオンラインで見つかりました。動画と説明がありました。私はコードをコピーして貼り付けましたが、唯一のことは、それが自分のコンピュータ上で動作しないということです。私はいくつかの異なる場所でいくつかのコンピュータを試しましたが、それでも動作しません。私は何が間違っていますか? (function($) {}) - あなたのコードの1行目にシンプルなjQueryエフェクトが機能しない

jQuery(document).ready(function($) {}) 
 
    $("h1").click(function() { 
 
    $("h2").hide(1000); 
 
}); 
 
});
h2 { 
 
    background-color: orange; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>Click Me</h1> 
 
<h2>Heading two</h2> 
 
<h3>Heading three</h3>

+1

jQueryライブラリ(jquery-1.8.0.min.js)も保存していますか? –

+0

パトリックのコメントを展開すると、おそらくjqueryのCDNを指す必要があります。楽しむために – abc123

+0

ありがとう! CDNとは何ですか?どのように私はそれを指していますか?申し訳ありませんが、これはおそらく非常にばかげて聞こえるでしょう。 – shunasammy

答えて

3

少数のタイプミスをmy_code.jsよう 私はjavascriptのコードを保存しました。

  • Typo1は - あなたが早すぎる機能

jQuery(document).ready(function() { 
 
    $("h1").click(function() { 
 
    $("h2").hide(1000); 
 
    }); 
 
});
h2 { 
 
    background-color: orange; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1>Click Me</h1> 
 
<h2>Heading two</h2> 
 
<h3>Heading three</h3>

+1

downvotersからの説明を楽しみにしています。 –

+0

お返事ありがとうございます!私はそれらを編集しましたが、それでも動作しません。 : – shunasammy

+0

Webコンソール(FirefoxではCtrl + Shift + K)を開き、それがあなたに何を提供しているかを確認してください...あなたはjQuery.jsを持っていない可能性がありますか? – wadie

1

が助けてありがとうございましたを閉じた - あなたは間違った引数($

  • Typo2に合格しています! jqueryリンクにタイプミスがありました。

  • 関連する問題