gpt4 book ai didi

javascript - 外部 Javascript 未调用

转载 作者:行者123 更新时间:2023-12-03 10:52:28 25 4
gpt4 key购买 nike

我在使用外部 JavaScript 时遇到问题。这是我的基本形式。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="../CSS/styles.css">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
<script src="../Javascript/UserScript.js" type="text/javascript"></script>
<title>Start Page</title>
</head>
<body>
<form id="newUser">
Email: <input type="text" name="Email"> <br/>
Password: <input type="password" name="Password"> <br/>
Confirm Password: <input type="password" name="ConfirmPassword"> <br/>
<input type="submit" name="Submit" />
</form>
</body>

如果我在内部调用以下内容,它就可以正常工作。如果我从外部调用它,我什么也得不到。

$("#newUser").submit(function (event) {
event.preventDefault();

alert('hello world');
});

我什至制作了一个新文件并用类似的东西做了测试,只是为了确保 jquery 工作正常。

$(document).ready(function (e) {
alert('hello')
}

最佳答案

将代码放入文档就绪处理程序中:

$(function () {
$("#newUser").submit(function (event) {
event.preventDefault();

alert('hello world');
});
});

在元素存在之前,您无法将事件附加到该元素。您的脚本在 #newUser 元素被解析并添加到 DOM 之前运行。代码中的 $("#newUser") 正在生成一个空集。

关于javascript - 外部 Javascript 未调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28386073/

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