2013-03-18 9 views
7

で定義されていないが、私は次のようなHTMLがあるとします。

<div id="test1">hi</div> 
<a href="#" onclick="showDiv()">click here</a> 

とJavaScript:

function showDiv() { 
    $("#test1").hide(); 
} 

私はjsfiddleでそれをしようとすると、それが返されます。

を$は定義されていません

jsFiddleでいくつかの設定が欠けていましたか?

ありがとうございました。

+4

jQueryリファレンスを追加してください... – sgeddes

+2

左ナビゲーションバーからJquery APIを選択しましたか? –

+0

''タグにjQueryファイルを含めましたか? – 0x499602D2

答えて

14

これは、画面の左側からjQueryライブラリの1つを選択していないことを示しています。

JSFiddle

+0

私は答えを書いている間にスクリーンショットを撮ったが、あなたは答えた最初に私はそれをどこかに置くかもしれないと思った。あなたが気にしないことを願っています! –

+0

@James、私は[自分のスクリーンショット](http://i.imgur.com/MgFkA1T.png?1)を作り直すだけで、私のために1つを追加したことに気づいていました:) –

+0

Ha 。あなたが私のものを好むなら、それを交換することは自由に感じてください。:-) –

0

どちらかが何@Drewと@Jamesショーを行います。

あなたは(私は他の日でした)知っている問題が残っている場合、あなたはCDNライブラリから

http://code.jquery.com/jquery-1.9.1.min.js

幸運を外部リソースを追加することができます!

-1

$("#test1").hide();

上記$

例を意味する定義されていません。

jQuery(document).ready(function($) { $("#test1").hide(); } `

jQuery(document).ready(function(IsNowDefined) // just for explanation IsNowDefined("#test1").hide();

4

jsfiddleの(2015年12月)現在のバージョンのスクリーンショット:私はちょうどこの愚かなエラーに多くの時間を無駄に

enter image description here

JavaScriptペインの「JAVASCRIPT *」ボタンから、フレームワークと拡張機能が選択されます。

9

これらの回答は古いです。更新されたバージョンをお探しの方は、jsfiddleのjavascriptウィンドウの右上にあるJavascriptという単語の横にあるドロップダウンメニューが表示されます。

0

誰でも2017でこれを読んでいる場合は、httpsプロトコルを使用してjQuery linkを追加してください。これは、ページの左側にある外部リソースタブに追加されます。