javascript - 使用jquery隐藏/显示图像上的div?

标签 javascript jquery

我试图在单击图像时显示/隐藏 div。当我点击图像时什么也没有发生。我的代码有什么问题

<script type="text/javascript">
$('#close').click(function(){
    $('#main').show();
    $('#login').hide();
    });
</script>

<div style="float:right;"><a href="#">Close <img id="close" src="assets/close.png"></a></div>

最佳答案

这可能是因为当你的脚本执行时,close图像尚不存在。将您的设置包装在 $(document).ready 中 block

小幅更新: 在我自己的机器上进行快速测试,调用 .click(..)图像标签上没有做任何事情。我改变了它,所以 close元素实际上是 <a> ,一切顺利。

相关 HTML:

 <a id="close" href="#">Close (image goes here)</a>

关于javascript - 使用jquery隐藏/显示图像上的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11621126/

相关文章:

javascript - Bootstrap : How to collapse 2 nav OR change the content of one

javascript - 初始化动态添加的select2

javascript - 等待过去的功能完成以开始新的功能

javascript - Ajax 返回的 HTML 未在 PRE 标记中呈现

javascript - 我可以恢复我的JavaScript文件吗?

javascript - 我的图像更改错误

javascript - 如何在控制台中获取特定的 Controller 范围列表 - angularjs?

javascript - React JS - 为什么我需要将 e.target 分配给 const 才能使用 e.target.value?

javascript - 使用默认路由的 Express.js 路由

javascript - 如何在显示/隐藏元素时保留页面布局中的空间?