gpt4 book ai didi

javascript - 通过单击图像隐藏和显示 div

转载 作者:行者123 更新时间:2023-11-29 16:16:09 27 4
gpt4 key购买 nike

我正在尝试根据单击的图像显示和隐藏 div,因此当您单击餐厅图像时,它会显示名为成员窗口的 div。我收到的错误是 Uncaught SyntaxError: Unexpected token {

这是一个单独的 JavaScript 文件中的脚本

 $(document).ready(resteraunt(){

$('people').click(function(){
$("memberswindow").show();

});

});

这是 HTML

 <!DOCTYPE html>

<html>

<head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="Wolfeboro_Connection/Scripts/homepage.js"></script>
<script src="Wolfeboro_Connection/Scripts/menu.js"></script>

<link rel='stylesheet' href='Wolfeboro_Connection/CSS/index.css'>


</head>

<body>



<img src="Wolfeboro_Connection/wc.png" id="wc">

<a href='' onclick='resteraunt();'><img src='Wolfeboro_Connection/resteraunt.jpg'
id="resteraunt"></a>
<a href='' onclick='map();'><img src='Wolfeboro_Connection/map.jpg' id="map"></a>
<a href='' onclick='mail();'><img src='Wolfeboro_Connection/mail.jpg' id="mail"></a>
<a href='' onclick='people();'><img src='Wolfeboro_Connection/people.jpg' id="people"></a>

<div id="window"> <div id="memberswindow"> <input type="text" id="username"
placeholder="Username">

<input type="text" id="loginpassword" placeholder="Password">

<input type="text" id="email" placeholder="Email"> </div> </div>

<div id="banner"> <h1> Wolfeboro Connection </h1> </div>









</body>

</html>

最佳答案

jquery 要求您通过指示符号“.”来声明目标元素是“class”还是“id”。和“#”

试试这个:

$("#people").click(function(){
$("#memberswindow").show();
});

此外,您用于 document.ready() 调用的语法也不正确,请尝试将此作为完整解决方案:

$(document).ready(function(){
$("#people").click(function(){
$("#memberswindow").show();
});
});

关于javascript - 通过单击图像隐藏和显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15441520/

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