jquery - 为什么说 $ 未定义？-6ren

jquery - 为什么说 $ 未定义？

转载作者：太空宇宙更新时间：2023-11-04 00:58:19

24

4

因此，因为我喜欢组织我的代码，所以我在互联网上搜索了如何将 jQuery 加载到 JS 文件中，以便我可以将该 JS 文件加载到 html 文件中并在 JS 文件中单独工作。我在网上找到了一个优雅的解决方案并应用了它，当我检查是否加载了 jQuery 时它起作用了，但是当我试图从 div 中找到一个类时它不起作用。它给我“$ is not difined”错误。为什么？检查表明 jQuery 已加载。

JS代码:

var script = document.createElement('script');
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
window.onload = function()
{
if (window.jQuery)
{
    alert('jQuery is loaded');
}
else
{
    alert('jQuery is not loaded');
}
}
$('.spectacle').click(function(){
alert('plm');
});

HTML代码:

<!DOCTYPE html>
<html>
<head>
<title>Spectacole</title>
<link rel="stylesheet" type="text/css" href="Spectacole.css">
</head>
<body>
<div id="top-bar">
    <div id="bar-background"></div>
    <a href="../StartingPage/startingPage.html"><button 
id="mainMenu">
    </button></a>
</div>
<div id="wrapper">
    <div class="spectacle">

    </div>

    <div class="spectacle">

    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
</div>
    <script type="text/javascript" src="Spectacole.js"></script>
</body>
</html>

最佳答案

添加

$('.spectacle').click(function(){
alert('plm');
});

在 window.onload = function(){ } 中

 var script = document.createElement('script');
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
window.onload = function()
{
if (window.jQuery)
{
    alert('jQuery is loaded');
}
else
{
    alert('jQuery is not loaded');
}
  $('.spectacle').click(function(){
alert('plm');
});
}

.spectacle {
  height:50px;
  width:50px;
  background:#000;
  border:1px solid #fff;
}

<!DOCTYPE html>
<html>
<head>
<title>Spectacole</title>
<link rel="stylesheet" type="text/css" href="Spectacole.css">
</head>
<body>
<div id="top-bar">
    <div id="bar-background"></div>
    <a href="../StartingPage/startingPage.html"><button 
id="mainMenu">
    </button></a>
</div>
<div id="wrapper">
    <div class="spectacle">

    </div>

    <div class="spectacle">

    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
    <div class="spectacle">
    </div>
</div>
    <script type="text/javascript" src="Spectacole.js"></script>
</body>
</html>

关于jquery - 为什么说 $ 未定义？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54055075/

24

4

0

文章推荐： c++ - curl_easy_init 失败时如何获取错误原因

文章推荐： python - 用于两个 3dim 矩阵的 numpy einsum 的 Theano 版本

文章推荐： python - 类型错误 : unorderable types: dict() < dict() in heapq

文章推荐： python - wxPython BusyInfo 小部件不再有效

javascript - 如何根据 JS 中的条件传递算术运算符？对 'add' 说 +，对 'times' 说 *
我正在编写一个 JS 程序，我有一个条件可以根据输入进行一些算术运算。如果我遇到操作类型为“add”，我需要将两个值相加；如果我得到“times”作为我的运算符值，我需要相乘。我尝试使用基本的 if
macos - 是否值得在只读文档类中对 autosavesInPlace 说"is"？
我正在编写一个仅作为查看器的应用程序 - 无需创建、无需编辑、无需保存。显然，那么，不会有自动保存，但是还有什么其他东西可以从 autosavesInPlace 返回 YES 改变世界，从而对观看者
Azure 说 "Unsupported Token"
Azure 开始出现以下错误: Unsupported token. Unable to initialize the authorization context. 每当我尝试更改我的应用程序时，我都
java - out.println 说 out 无法解析
当我编写 out.println() 时，Eclipse 提示 out 无法解析。我导入了 java.io.* 和其他 servlet 包。最佳答案只是在黑暗中拍摄，我认为这就是您正在寻找的出路
Azure 说 "Unsupported Token"
Azure 开始出现以下错误: Unsupported token. Unable to initialize the authorization context. 每当我尝试更改我的应用程序时，我都
jQuery，使用 !说 "not selected"
是否可以执行类似的操作来检查 radio 表单是否未选中: if !($(this).find("input:checked")) {} 正确的语法是什么？最佳答案试试这个: $(this).fi
MySQL 说 'SYSDATETIME' 不存在
我正在尝试从表中选择行，其中 date 列值等于澳大利亚悉尼的当前日期 (UTC+10h)。服务器位于悉尼，因此我想使用 SYSDATETIME()。这是我的查询: SELECT * FROM dat
javascript - 说 javascript 变量指向一个值是否正确？
我听说 JavaScript 实际上并不像其他语言那样“指向”内存中的值(或对象，因为在 JS 中一切都是对象)。相反，JS 变量引用内存中的其他值/对象。这是真的？指向和引用之间的语义区别是什么？
Java 说 FileNotFoundException 但文件存在
我的计算机科学类(class)有一项作业，其中要求读取包含多个测试分数的文件，并要求我对它们进行求和并求平均值。虽然求和和求平均值很容易，但我在读取文件时遇到问题。老师说用这个语法 Scanner s
Java 说 XML 文档格式不正确
Java 的 XML 解析器似乎认为我的 XML 文档在根元素之后的格式不正确。但我已经用几种工具验证了它，但他们都不同意。这可能是我的代码错误，而不是文档本身的错误。如果你们能给我提供任何帮助，我将
c++ - 说 xvalues 具有身份并且是可移动的是正确的吗？
根据这份文件: http://www.stroustrup.com/terminology.pdf l 值具有同一性且不可移动。公关值是可移动的，但没有身份。 x 值具有同一性并且是可移动的。关于
mongodb - 说 MongoDB 在其写操作级别上是原子的是什么意思？
这个问题在这里已经有了答案: What does "atomic" mean in programming? (7 个答案) 关闭 5 年前。我正在阅读 MongoDB 的 documentati
php - 说 2 个数组中有多少项相同？
在 PHP 和 MySQL 中有没有一种方法能够比较 2 个不同的数组(列表)变量并说出有多少项是相同的例如， $array1 = "hello, bye, google, laptop, yes"
java - 说 int 枚举模式是编译时常量是什么意思？
本文来自 Effective Java Programs that use the int enum pattern are brittle. Because int enums are compil
c++ - 说 C++ 是一种部分类型安全的语言是否准确？
C++ 中有一些特性是类型安全的，而另一些则不是。 C++ 类型安全示例: char c = 'a'; int *p = &c; // this is not allowed (compiler
Java 说 FileNotFoundException 但文件存在
我有一个 CS 课的作业，它说要读取一个包含多个测试分数的文件，并要求我对它们求和并取平均值。虽然求和和平均很容易，但我在读取文件时遇到了问题。老师说要用这个语法 Scanner scores = n
Pydev 说， "Unresolved import"错误
嗯.. 有时，PyDev 会说“ Unresolved 导入错误”。在我的环境中 Python2.6.6 Eclipse3.7 PyDev2.2.2 错误是。 > Unresolved import
ios8 - AFNetworking 说 "cannot parse response"
我正在向服务器发送请求，服务器正在处理请求并做出响应。但是在我的应用程序中，我收到了: Error Domain=NSURLErrorDomain Code=-1017 "cannot parse r
javascript - 说 : "JavaScript + AJAX"? 是多余的吗
在我最近的一次讨论中，有人告诉我这样说是不正确的，因为 Ajax 已经是 Javascript。上下文: “我如何在网页中 blablababal，这样它就不必刷新页面” 我的回答: “使用 Jav
ffmpeg 说 : "option framerate not found"
下午好。我一直在尝试使用 ffmpeg 将 .mpeg 拆分为一系列 .jpeg 图像。请注意，这是指定 here 的逆问题，但我面临的问题与该线程的作者面临的问题不同。具体来说，我已经在我的 f

首页

博学

6Ren·AI

商城

jquery - 为什么说 $ 未定义？