gpt4 book ai didi

javascript - jquery 不能在浏览器中工作

转载 作者:行者123 更新时间:2023-11-28 00:47:30 25 4
gpt4 key购买 nike

这是我第一次尝试使用 JQuery,我正在尝试解构我在网上找到的一段代码。它适用于 jsfiddle:JSFIDDLE .但是,当我尝试在浏览器中运行代码时,单击“创建帐户”时应该工作的部分不会显示。我修改了代码以与浏览器一起使用,如下所示:

我的 index.html 文件:

<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js" ></script>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

<body>

<div class="login-page">
<div class="form">
<form class="register-form">
<input type="text" placeholder="name"/>
<input type="password" placeholder="password"/>
<input type="text" placeholder="email address"/>
<button>create</button>
<p id="message">Already registered? <a href="#">Sign In</a></p>
</form>
<form class="login-form">
<input type="text" placeholder="username"/>
<input type="password" placeholder="password"/>
<button>login</button>
<p id="message">Not registered? <a href="#">Create an account</a> </p>
</form>
</div>
</div>
</body>

我的 script.js 文件:

$('.message a').click(function(){
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
});

所有文件都在同一目录中。关于可能出现的问题有什么想法吗?

最佳答案

在文档被完全解析之前,您正在 header 中运行 Javascript,因此您添加的处理程序没有附加到任何东西。要么给脚本 defer 属性以强制它在解析完所有内容后加载:

<script type="text/javascript" src="script.js" defer></script>

或者将脚本放在最底部:

<script type="text/javascript" src="script.js" ></script>
</body>

关于javascript - jquery 不能在浏览器中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49594175/

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