Javascript jquery脚本在HTML中不起作用
(回答:不要在html中使用Javascript jquery脚本在HTML中不起作用,javascript,jquery,html,Javascript,Jquery,Html,(回答:不要在html中使用) 我正在从本教程学习Jquery: 我创建了一个Html,1个js文件。将它们放在同一个物理文件夹中,将“jquery-1.8.0.min.js”放在同一个文件夹中,将js文件的链接放在html页面中 但它不起作用 我的HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
)
我正在从本教程学习Jquery:
我创建了一个Html,1个js文件。将它们放在同一个物理文件夹中,将“jquery-1.8.0.min.js”放在同一个文件夹中,将js文件的链接放在html页面中
但它不起作用
我的HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Demo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Heading one</h1>
<p>This is just some text for heading 1</p>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="my_code.js"></script>
</body>
</html>
发生了一些小错误,
我试图搜索,但找不到相关链接。如果我缺少某些内容,请提出建议。您遇到了什么错误?请参阅console/dev工具(f12),注意必须单击标题文本才能触发效果:
我确实粘贴了你的代码,只是使用相同jquery版本的html的一部分,它就可以工作。你的代码工作正常。你的jquery文件路径一定有问题。尝试按如下方式包括CDN托管的jquery库,或检查路径:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
我在js fiddle上试过,效果很好,我想这就是你想要的,当点击h1标签时,如果我没有错,你需要隐藏p 这是js小提琴 如果这个脚本很小,你可以放进去,这个
<script></script>
标记在正文内容之前,但请记住将Jquery放在任何其他脚本或代码之前,您可以在执行此代码时发布chrome inspect元素错误浏览器中是否启用了javascript? 如果您使用的是chrome Go Ctrl+H,请单击左侧的设置->显示高级设置->隐私->内容设置->允许所有站点运行Javascript。
如果已经选中,请检查jquery路径文件名 你犯了什么错误?请参阅console/dev工具(f12)并注意,您必须单击标题文本才能触发该效果,toogle效果是否有效?您的代码非常有效(请在此处查看它的实际操作:)。只是不清楚你为什么会有这个问题。就像Allende建议的那样,打开浏览器的开发工具,看看控制台上是否打印了错误。。。点击F12,点击控制台,查找错误。。。我试图安装firebug并看到错误。。。错误是“ReferenceError:$未定义$(文档)。ready(函数(){“这工作正常,为什么不使用直接脚本错误是“ReferenceError:$未定义$(文档)。ready(函数(){“yes.”是罪魁祸首….用cdn脚本替换了它。感谢您的帮助:)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script></script>