2013-03-18 2 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 в левой части экрана.

JSFiddle

+0

Я взял снимок экрана при написании своего ответа, но вы ответили сначала, и я подумал, что могу, например, положить его куда-нибудь. Надеюсь, вы не возражаете! –

+0

@James, я был занят сделать снимок экрана (http://i.imgur.com/MgFkA1T.png?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

Скриншот текущей (декабрь 2015) версии jsfiddle:

enter image description here

Я просто впустую много времени на эту глупую ошибку а также - рамки и расширения теперь выбираются с помощью кнопки «JAVASCRIPT *» на панели JavaScript!

9

Эти ответы старые, и для тех, кто ищет обновленную версию, выпадающее меню теперь находится на передаче рядом со словом Javascript в правом верхнем углу окна javascript в jsfiddle.

0

Если кто-то читает это в 2017 году, не забудьте добавить jQuery link, используя протокол https. Это нужно добавить на вкладке «Внешние ресурсы», расположенной слева от страницы.