【问题标题】:Having some issues with JQuery, it appears that I can't get it to workJQuery 有一些问题,看来我无法让它工作
【发布时间】:2020-08-18 05:39:49
【问题描述】:

我正在开发一个基于 web 的项目,主要使用 python 和 PyCharm 编译器。

对于我需要下载 JQuery 的项目,但它似乎无法正常工作。我不完全确定问题是什么。我直接从网站下载了这些文件,并将我的代码结构与我正在使用的老师相同。当我去下载代码时,我必须使用另存为选项并将其放入 java 脚本文件,但我遵循了在教程网站上找到的方法,所以我不知道为什么会出现问题。

JQuery 部分的代码不提供命令的下拉菜单,并且大多数脚本的字体颜色不会像在其他部分中那样改变。

以下是 JQuery 代码段和文件本身的图片。我认为的 JQuery 文件看起来很奇怪,但我重新下载了它,结果还是一样。

This is part of the main layout HTML file where I call the Java-script file

This is the Java-script file where I noticed that the commands didn't seem to be working

This image is what the Jquery min file came out to look like, for some reason its just a single line of code.

如果有人知道为什么 JQuery 命令似乎不起作用并能告诉我如何纠正该问题,将不胜感激。

【问题讨论】:

  • scripty 真的只是命名为 scipty 还是 scripty.js,与您的 html 文件相比,它是否位于正确的目录中?
  • 最小文件应该只有一行。这是一个最小化的文件,因此空格/换行符/等被剥离,以使文件不超过必要的大小。
  • 您可以尝试使用 JSFiddle(或类似的)来测试 JQuery 代码本身。您还应该检查您的网络浏览器的控制台,看看您遇到了哪些可能的错误。

标签: javascript python html jquery


【解决方案1】:

这不是答案,您的代码不足以进行正确诊断 - 但至少我们可以给您一些提示 (a) 修复您的项目的某些部分和 (b) 变得更好/更快未来 StackOverflow 问题的结果。所以请考虑这是一个长评论。

首先,我注意到您加载了 jQuery 两次 - 首先从 CDN:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

还有来自您网络服务器上的文件:

删除第二个(“静态”) - CDN 已正确实施,应该可以正常工作。

解决此类问题的方法是“分而治之”。首先,删除所有 javascript/jQuery 代码,除了:

$(document).ready(function(){
    alert("Here I yam");
});

如果你在刷新页面后得到那个警告框,那么你的 jQuery 和 javascript 工作正常。

接下来,一次添加一点其余代码,并在添加每一位后进行测试。确保您学会使用 DevTools (F12) !如果你不看视频。 DevTools 最终将为您节省大量时间。

我曾经使用过一次 PyCharm,然后从它切换到 VSCode。我不想喜欢 VSCode ......我尽量不喜欢微软的任何东西......但它绝对令人惊叹(而且完全免费)。确保您安装了 Python 扩展并观看了一些关于使用 VSCode 开发 Python 应用程序的短视频。你永远不会回去。

最后,您的问题(来自 Jason 和 Nathan)的第二和第三个问题对您来说是正确且重要的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-08-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多