Javascript I';我很难让jQuery在最简单的级别上运行
好的,这是一个完全没有问题的问题。我正在尝试使用HTML、CSS和JavaScript从头开始构建一个站点,我想使用jQuery。出于某种原因,我可以让HTML和CSS工作,但我不能在我的Javascript I';我很难让jQuery在最简单的级别上运行,javascript,jquery,html,css,hyperlink,Javascript,Jquery,Html,Css,Hyperlink,好的,这是一个完全没有问题的问题。我正在尝试使用HTML、CSS和JavaScript从头开始构建一个站点,我想使用jQuery。出于某种原因,我可以让HTML和CSS工作,但我不能在我的script.js文件中使用jQuery。我已经下载了jQuery: 我用一个标记链接到它,但是当我尝试使用我构建的东西时,什么都没有发生 我的HTML: <!DOCTYPE html> <html> <head> <title>Free
script.js
文件中使用jQuery。我已经下载了jQuery:
我用一个
标记链接到它,但是当我尝试使用我构建的东西时,什么都没有发生
我的HTML:
<!DOCTYPE html>
<html>
<head>
<title>Freeflow Academy</title>
<link rel='stylesheet' type='stylesheet' href='stylesheet.css'>
<link rel='stylesheet' type='stylesheet' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css' />
<script type='text/javascript' src='script.js'></script>
<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
</head>
<body>
<p>This is a test</p>
</body>
</html>
我的jQuery JavaScript:
$(document).ready(function(){
$('p').on('click', function(){
$(this).css('background-color','red');
});
});
我想做的就是点击一下改变背景颜色。感谢您的帮助。我认为问题与我的
或
标记有关,但我不确定是哪个标记。首先加载jQuery,然后加载自定义脚本
<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>
加载优先级是从上到下的,如果在加载脚本之前没有加载jQuery,它将无法工作。首先加载jQuery,然后加载自定义脚本
<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>
加载优先级是从上到下的,如果在加载脚本之前没有加载jQuery,它将无法工作。顺序不正确,请先加载jQuery,然后再加载脚本
<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>
顺序不正确,请先加载jquery,然后再加载脚本
<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' src='script.js'></script>
根据您的示例,在加载jQuery之前,您正在加载自定义JavaScript 装载顺序
另外,与JavaScript错误无关的是样式表的排序和正在使用的type
属性值,它们应该是type=“text/css”
我在上创建了一个工作示例。基于您在加载jQuery之前加载自定义JavaScript的示例 装载顺序
另外,与JavaScript错误无关的是样式表的排序和正在使用的type
属性值,它们应该是type=“text/css”
我在上创建了一个工作示例。尝试使用正确的标记顺序提及脚本标记的字符集
<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' charset="UTF-8" src='script.js'></script>
尝试使用正确的标记顺序提及脚本标记的字符集
<script type='text/javascript' src="jquery-2.2.0.min.js"></script>
<script type='text/javascript' charset="UTF-8" src='script.js'></script>
自由流学院
这是一个测试
首先,最佳实践是在文件末尾加载脚本(jquery、自定义脚本等)。另外,我会选择CDN。你几乎找不到这样做的理由(只需谷歌一下)
单引号或双引号取决于您的风格。我想要双倍的,但只要用一种方法把它们放在任何地方,保持代码干净:D
唯一的原因可能是,尽管您的帖子中有脚本
命令,但这是您的Apache设置。可能相对路径和目录根不是正确的。您可以看看
自由流学院
这是一个测试
首先,最佳实践是在文件末尾加载脚本(jquery、自定义脚本等)。另外,我会选择CDN。你几乎找不到这样做的理由(只需谷歌一下)
单引号或双引号取决于您的风格。我想要双倍的,但只要用一种方法把它们放在任何地方,保持代码干净:D
唯一的原因可能是,尽管您的帖子中有
脚本
命令,但这是您的Apache设置。可能相对路径和目录根不是正确的。您可以查看一下如前所述,装载顺序很重要。
另外,最好从cdn加载jquery,如下所示:
<script type='text/javascript' src="//code.jquery.com/jquery-2.2.0.min.js></script>
<script type='text/javascript' src='script.js'></script>
如果更新代码后仍然出现错误,请尝试清除浏览器缓存。如上所述,加载顺序很重要。 另外,最好从cdn加载jquery,如下所示:
<script type='text/javascript' src="//code.jquery.com/jquery-2.2.0.min.js></script>
<script type='text/javascript' src='script.js'></script>
如果更新代码后仍然出现错误,请尝试清除浏览器缓存。浏览器控制台中有错误吗?我会检查。确定:
ReferenceError:找不到变量:$
和语法错误:无效字符'\u0001'
OK..第一个错误是因为加载脚本的顺序不正确..现在,对于第二个错误,你能告诉我错误的行号吗,或者在a中重现问题。总是先检查错误…然后提问并包括错误详细信息。我可以使用什么字符集来消除第二个错误?它指的是jQuery-2.2.0.min.js的第一行。有一个无法识别的字符。浏览器控制台中有错误吗?我会检查。确定:ReferenceError:找不到变量:$
和语法错误:无效字符'\u0001'
OK..第一个错误是因为加载脚本的顺序不正确..现在,对于第二个错误,你能告诉我错误的行号吗,或者在a中重现问题。总是先检查错误…然后提问并包括错误详细信息。我可以使用什么字符集来消除第二个错误?它指的是jQuery-2.2.0.min.js的第一行。有一个无法识别的字符。嗯。没有什么变化。控制台中仍然出现同样的错误。你能给出一个演示URL吗@KaiChristensenI会看看我能不能拉小提琴。没有什么变化。控制台中仍然出现同样的错误。你能给出一个演示URL吗@KaiChristensenI会看看我能不能拉小提琴。没有什么变化。仍然在console.Hmmm中收到相同的错误。没有什么变化。仍然在控制台中收到相同的错误。