gpt4 book ai didi

javascript - 我的 js 在 Dreamweaver 的 html 上不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 13:10:55 27 4
gpt4 key购买 nike

好的,伙计们。我是 js 的新手,我有一个问题,似乎我的 html 没有调用我的 js。我不知道我是否把它放在错误的行上或者是什么原因导致的,但我已经准备好检查我的代码 http://validator.w3.org/nu这似乎是对的。我的 html 是:

<!doctype html>
<html>

<head>
<meta charset="UTF-8"/>
<title>hola</title>
<script type="text/javascript" src="menuscrollfixed.js"></script>
<link href="scrollfixedmenu.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="texte/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

</head>

<body>
<div class="nav-container">
<div class="nav">

<ul>
<li><a href="" style="text-decoration:none; color:#FFFFFF; font-family: Josefin Sans;">NOSOTROS</a></li>
<li><a href="" style="text-decoration:none; color:#FFFFFF; font-family: Josefin Sans;">VISIÓN</a></li>
<li><a href="" style="text-decoration:none; color:#FFFFFF; font-family: Josefin Sans;">MISIÓN</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</body>
</html>

这是我的 Js:

jQuery("document").ready(function($) {
var nav = $(".nav container");
$(window).scroll(function () {
if ($(this).scrolltop() > 400) {
nav.addClass("f-nav");
} else {
nav.removeClass("f-nav");
}
});
});

我知道它有点长,但我真的希望有人能帮助我 =)

最佳答案

您需要重新排列脚本引用的顺序。在自定义 js 文件之前引用 jquery。

<link href="scrollfixedmenu.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<script type="texte/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="menuscrollfixed.js"></script>

因为,您在自定义 js 文件中使用了 jquery 函数。在执行这些代码时,不会加载jquery文件,这将导致错误。

关于javascript - 我的 js 在 Dreamweaver 的 html 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33492953/

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