8

假设我有以下 html:

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

和javascript:

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

当我在 jsfiddle 上尝试时,它返回:

$ 未定义

我错过了 jsFiddle 中的一些设置吗?

谢谢。

4

6 回答 6

20

这表明您没有从屏幕左侧选择一个 jQuery 库。

JSFiddle

于 2013-03-18T01:17:19.593 回答
10

这些答案是旧的,对于任何寻找更新版本的人来说,下拉菜单现在位于 jsfiddle 中 javascript 窗口右上角的 Javascript 一词旁边的齿轮上。

于 2016-05-26T23:16:05.220 回答
4

当前(2015 年 12 月)版本的 jsfiddle 的屏幕截图:

在此处输入图像描述

我也在这个愚蠢的错误上浪费了很多时间——现在通过 JavaScript 窗格中的“JAVASCRIPT *”按钮选择框架和扩展!

于 2015-12-16T20:22:06.200 回答
1

如果有人在 2017 年阅读此书,请确保使用https协议添加 jQuery链接。这将被添加到页面左侧的外部资源选项卡中。

于 2017-05-04T06:29:27.363 回答
0

要么做@Drew 和@James 展示的内容。

如果您仍然遇到问题(我知道我前几天做过),您可以从 CDN 库添加外部资源

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

祝你好运 !

于 2013-03-18T01:25:38.943 回答
-1

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

以上未定义意味着 $

例子。

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

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

于 2013-03-18T01:27:17.023 回答