个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我最近才开始使用 JavaScript，如果我忽视了一些基础知识，我深表歉意。我正在学习一个关于使用 JQuery 创建响应式粘性导航菜单的教程，当浏览器窗口缩小时，它还包括一个汉堡包菜单。引用源码:https://www.dropbox.com/sh/2so52l4q74eu470/AABDHemSW_WsLUlBfPaLsNwsa?dl=0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ResponsiveNav</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript">
// Menu-toggle button
$(document).ready(function() {
$(".menu-icon").on("click", function() {
$("nav ul").toggleClass("showing");
});
});
// Scrolling Effect
$(window).on("scroll", function() {
if($(window).scrollTop()) {
$('nav').addClass('black');
}
else {
$('nav').removeClass('black');
}
})
</script>
但是，问题是如果我尝试将此 JavaScript 代码放入一个单独的 JavaScript 文件(如下所示，我试图拆分 html 代码和 JavaScript 代码)并尝试将其与 HTML 文件链接，汉堡菜单不再可点击。我实在想不通这是 JavaScript 代码中的缩进问题还是格式错误。
HTML 代码(我试图用 JavaScript 代码将 HTML 文件链接到 JavaScript 文件。)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ResponsiveNav</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/script.js"> </script>
</head>
名为 script.js 的 JavaScript 文件，放在名为“js”的文件夹中
// Menu-toggle button
$(document).ready(function() {
$(".menu-icon").on("click", function() {
$("nav ul").toggleClass("showing");
});
});
// Scrolling Effect
$(window).on("scroll", function() {
if($(window).scrollTop()) {
$('nav').addClass('black');
}
else {
$('nav').removeClass('black');
}
})
有点被困在这个问题上一个小时，所以基本上不是在 HTML 文件中包含 JavaScript 代码，而是如何正确地将 HTML 文件与 JavaScript 文件中的 JavaScript 代码链接起来？
最佳答案
您的 script.js 文件的路径可能有问题。你可以像这样尝试:
<script type="text/javascript" src="/js/script.js"> </script>
或
<script type="text/javascript" src="./js/script.js"> </script>
再看看devTools里面的console，如果路径不对可能会出现一些错误。
关于JavaScript/HTML : Trouble linking JavaScript code to HTML，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50038941/
26
4
0
假设我有一个论坛，其中包含用户/管理员可以访问/管理的主题。 当用户访问它时，我首先会检查主题是否存在；在我设置一个标志后，告诉系统用户是否已访问过该主题。 这将是基本代码: 1 if(
我有一个基类 MessageHandler 和 2 个派生类，MessageHandler_CB 和 MessageHandler_DQ。 派生类重新定义了 handleMessage(...) 方法
我已经在我的 NOOBS 操作系统上安装了 v4l2loopback，但它不起作用。 我已经检查过是否安装了 v4l2loopback，它是。但是当我输入 sudo modprobe v4l2loop
我们正处于项目的最后一步，我们无法摆脱这个问题。 基本上，我们正在开发的页面是在视频中创建章节的表单。对于创建的每个章节，验证后都会创建一张小“卡片”。我们希望用户能够通过单击每个章节卡中显示的 X
我是 C# 新手。也许我没有正确地实现 IEquatable，因为我的类型的对象应该被认为是相同的，但不是。 类(class): class CompPoint : IComparable {
在我的代码顶部，我需要询问用户是否想玩游戏。使用字符串函数查看他们答案的第一个字母并将其变为小写。如果他们的答案 == "y"然后玩游戏。我需要帮助将 Yes 的第一个字母小写。
我正在尝试导出我的数据库。我尝试过通过电子邮件并分享它。 问题是我想导出数据库的当前状态(以及其中的所有信息)。 我已经尝试过这段代码: func exportDatabase(){ var
我在分层情况下遇到 getcomponentat 问题。我进行了很多研究，发现以下线程实际上是我需要的，但它对我不起作用。我在线程中下载了代码并且它可以工作但是当我在我的项目中实现它时它没有。我可能正
我有麻烦了。带标题:我不知从哪里得到了 8px 的 margin !我希望我的标题附加到覆盖所有顶部区域而没有边距。但是我只用 margin :-8px; 得到这个东西但是对于不同的屏幕我需要设置其他
我创建了 2 个页脚，第二个页脚使用 css position: absolute 但结果是，第一个页脚不再起作用。 结果是这样的: 最佳答案 请分享您的代码以供理解。 如果您使用的是 positio
我有一个新手问题: bool _isPalindrome(const string& str) { return _isPalindrome(str.begin(), str.end());
我正在尝试构建一个蒙德里安艺术创作器，它允许您创建任意数量的矩形，每个矩形的大小都是随机的。我能够创建随机大小，但我遇到的麻烦是让它创建两个以上的随机矩形。 import turtle import
谁能告诉我为什么以下内容不匹配: >>> re.search(r'(\d{2, 10})', '153') 这个匹配: >>> re.search(r'\d{3}', '153') 最佳答案 re模
我已经为主屏幕构建了一个小部件，并在我的 AppWidgetProvider 类中声明了一些变量。这些变量是整数和 boolean 值。 我遇到的问题(它基本上是一个 Java 编程问题)是我分配给变
我的内存有问题。我不明白为什么当我的程序长时间运行时 Go 使用越来越多的内存(从不释放它)。 第一次分配后，程序使用了将近 9 MB 的内存。然后在 12 小时后，它开始以指数方式使用更多内存，直到
当我使用 g++ 编译以下代码时 class A {}; void foo(A&) {} int main() { foo(A()); return 0; } 我收到以下错误消息: > g++
我正在尝试在我的应用程序中的 iPhone 屏幕上拖动 UIImageView。 目前我设置的拖动功能很好，拖动图像确实可以在屏幕上移动它，问题是你不必拖动 ImageView 来移动它，你也可以在屏
我无法解释这种行为: 有时，我的图表会显示带有大量小数的轴的第一个或最后一个标签。 在我的图表选项中，yAxis 如下所示: yAxis : [{ alternateGridColor: "
我的 update() 函数遇到问题。在这里，在 svg.append('rect') 中，我有 .on('click')，我只需更改数据，然后运行 update(). 为什么这不起作用？我该如何
自从我切换到最近的 emacs 版本 (23.2) 附带的 CEDET 后，CEDET 不再可靠地工作。例如，我无法再重新生成 EDE 项目。 环顾四周后，似乎压缩包中缺少所有 CEDET 模板。有谁
我是一名优秀的程序员,十分优秀！