gpt4 book ai didi

javascript - OnClick 在 Jquery 中不起作用

转载 作者:行者123 更新时间:2023-11-29 18:05:08 26 4
gpt4 key购买 nike

我写了一段简单的代码,想隐藏一个 div 并在单击按钮时显示另一个。但是没有任何反应,控制台上也没有显示任何内容。

    <!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Demo</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<script type="text/javascript">
$(document).ready(function() {
$('#register-btn').on("click", function() {
$('#reg').hide();
});
});
</script>
</head>
<body>
<div class="container" id="reg">
<div class="row">
<h1 style="text-align:center;">Demo</h1>
</div>

<form class="form-horizontal">
<div id="call" class="col-md-6 col-md-offset-4">
<div class="form-group">
<div class="col-md-10">
<input id="name" class="form-control" type="text" placeholder="Enter a Name"/>
</div>
</div>

<div class="form-group">
<div class="row">
<div class="col-md-4 col-md-offset-2">
<button class="btn-style" id="register-btn">Register</button>
</div>
</div>
</div>
</div>
</form>
</div>

</body>
</html>

谁能帮我解决这个问题?

最佳答案

button 元素的默认类型是submit。当您单击该元素时,将提交 form 并刷新页面。为 button 元素使用 type="button" 属性:

<button type="button" class="btn-style" id="register-btn">Register</button>

或者使用 event 对象的 preventDefault 方法阻止事件的默认操作。

关于javascript - OnClick 在 Jquery 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31888139/

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