gpt4 book ai didi

jquery - .JS 拒绝启用菜单

转载 作者:太空宇宙 更新时间:2023-11-04 11:51:46 25 4
gpt4 key购买 nike

我引用这个网站来学习如何在 CSS 中实现侧边菜单:http://purecss.io/layouts/side-menu/

我没有成功。我的网页上部有一个>,是在执行了链接提供的两个源码后才出现的。它并没有变得互动。为了让它响应,我需要声明该行以启用 ui.js 代码,但我在这方面遇到了麻烦。 The webpage/

我声明:

`<!DOCTYPE html>
<!<script type="text/css" src="Scripts/main.css"></script>>
<script src="ui.js"></script>
<html>
<head>
<script src="ui.js"></script>
<style>
body {background-color:black}
h1 {color:azure}
p {color:whitesmoke; border:2px solid whitesmoke; padding: 10px;}
}</style>
<link rel="stylesheet" type="text/css" href="side-menu.css" media="screen" />
</head>
<h1>
Home
</h1>
<p>
Your momma!
</p>
<div>
<button id="btnAdd" class="btn btn-small">Add</button>
<button id="btnClear" class="btn btn-small">Clear</button>
</div>
</html>`

而且它没有变得活跃。任何想法将不胜感激!

最佳答案

您的示例不是有效的 HTML - 我建议修复错误并重试。

您有多个 <script>指向同一个文件的标签。

HTML 标签以 <tag> 开头并以 </tag> 结尾.评论开始<!--和结束 --> .

加载CSS时,需要使用<link>标签,不是 <script>标签。

<html> 中不应直接存在任何内容除单个 <head> 以外的标签和一个 <body>

整理后的代码看起来像这样:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="Scripts/main.css" />
<link rel="stylesheet" type="text/css" href="side-menu.css" media="screen" />
<script src="ui.js"></script>
<style>

body {
background-color:black;
}
h1 {
color:azure;
}
p {
color:whitesmoke;
border:2px solid whitesmoke;
padding: 10px;
}

</style>
</head>
<body>
<h1>Home</h1>
<p>Your momma!</p>
<div>
<button id="btnAdd" class="btn btn-small">Add</button>
<button id="btnClear" class="btn btn-small">Clear</button>
</div>
</body>
</html>

正确的缩进很重要,因为它可以帮助您发现错误。例如,在您的内联 <style>元素,你的右大括号太多了 } .浏览器仍然会尽力理解你所拥有的东西,但这种“额外的支撑”会导致各种难以发现的错误。

关于jquery - .JS 拒绝启用菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30585012/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com