$ не определен в jsfiddle

Предположим, у меня есть следующий html:

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

и javascript:

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

Когда я пробую его на jsfiddle, он возвращает:

$ не определено

Я пропустил какую-то настройку в jsFiddle?

Спасибо.


javascript jsfiddle
person Kintarō    schedule 18.03.2013    source источник
comment
Убедитесь, что вы добавили ссылку на jQuery ...   -  person sgeddes    schedule 18.03.2013
comment
Вы выбрали JQuery API на левой панели навигации?   -  person Hanky Panky    schedule 18.03.2013
comment
Включили ли вы файл jQuery в свои <head></head> теги?   -  person 0x499602D2    schedule 18.03.2013
comment
Не могли бы вы поделиться ссылкой на скрипку?   -  person Srikanth Venugopalan    schedule 18.03.2013
comment
Почему люди голосуют против этого вопроса и голосуют за его закрытие? Это совершенно хороший вопрос, и он может помочь кому-то еще, кто сталкивается с той же проблемой. Спасибо за вопрос, @Kintaro.   -  person Drew Noakes    schedule 18.03.2013
comment
Я пропустил какую-то настройку в jsFiddle? Вы имеете в виду ту, что вверху, в которой перечислены библиотеки?   -  person the system    schedule 18.03.2013
comment
@thesystem, не думайте, что то, что для вас очевидно, очевидно для других.   -  person Drew Noakes    schedule 18.03.2013
comment
@DrewNoakes: Успокойся. Беглый взгляд на настройки jsFiddle решит эту проблему.   -  person the system    schedule 18.03.2013
comment
Возможный дубликат Как добавить jQuery в JSfiddle   -  person Nisse Engström    schedule 07.08.2017

Ответы (6)


arrow_upward
20
arrow_downward

Это говорит о том, что вы не выбрали одну из библиотек jQuery в левой части экрана.

JSFiddle

person Drew Noakes    schedule 18.03.2013
comment
Я сделал снимок экрана, когда писал свой ответ, но вы ответили первым, и я подумал, что могу его куда-нибудь положить. Надеюсь, ты не против! - person James McLaughlin; 18.03.2013
comment
@James, я был занят созданием собственного снимка экрана только для того, чтобы вернуться и найти что вы добавили один для меня :) - person Drew Noakes; 18.03.2013
comment
Ха. Не стесняйтесь заменить его, если вы предпочитаете свою, а не мою ... :-) - person James McLaughlin; 18.03.2013
comment
Неа. Ваш идеален. Спасибо. - person Drew Noakes; 18.03.2013
comment
Обновление за 2015 год: эта опция теперь находится в правом верхнем углу области JAVASCRIPT. Я попытался добавить изображение, но его отвергли глупые, глупые рецензенты. - person Nick Westgate; 03.12.2015

arrow_upward
10
arrow_downward

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

person Kyle Wilson    schedule 26.05.2016

arrow_upward
4
arrow_downward

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

введите описание изображения здесь

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

person Scott Stratford    schedule 16.12.2015

arrow_upward
0
arrow_downward

Либо делайте то, что показывают @Drew и @James.

если у вас останутся проблемы (я знаю, что сделал это на днях), вы можете добавить внешний ресурс из библиотеки CDN

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

удачи !

person Daniel    schedule 18.03.2013

arrow_upward
0
arrow_downward

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

person Harshil    schedule 04.05.2017

arrow_upward
-1
arrow_downward

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

указанное выше не определено, что означает, что $

Пример.

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

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

person Grmn    schedule 18.03.2013