JavaScript/CSS在网格中单击显示相应的div
JavaScript和CSS可以实现在网格中单击显示相应的div。具体实现步骤如下：
- 首先，在HTML中创建一个网格布局，可以使用CSS的
grid属性来实现。例如： - 首先，在HTML中创建一个网格布局，可以使用CSS的
grid属性来实现。例如： - 使用CSS样式设置网格布局，例如：
- 使用CSS样式设置网格布局，例如：
- 使用JavaScript监听网格项的点击事件，并显示相应的div。例如：
- 使用JavaScript监听网格项的点击事件，并显示相应的div。例如：
以上步骤实现了在网格中单击某个div时，隐藏其他div并显示相应的div。通过修改相应的div的display属性，可以实现显示或隐藏。注意，需要在CSS中设置初始的display属性为none，并在点击事件中将相应的div的display属性设置为block或其他适当的值来显示。
对于此问答内容，腾讯云没有直接相关的产品和产品介绍链接。
相关·内容
1回答
我有一个工作网格，它为json中的每个标题显示一个单元格： async function loop_iteration(json, i, arr) { function sh
浏览 8提问于2020-10-28得票数 1
回答已采纳
2回答
我正在尝试建立一个应用程序，其中用户可以按下右上角的按钮(见图片)，这将隐藏一个div (主题)，并显示另一个div (一个表单，我可以添加一个新的主题)。它看起来是这样的：
if(isset($actiefboardid)){ if(count($toppic<div class='form-group margin-bottom-none&
浏览 2提问于2018-05-07得票数 1
'</a></nav>';哦，还有给它一个return false，这样#1就不会显示在顶部的URL中了吗？我有这个概览页面设置在wordpress与我自己的主题。在这个页面中，我列出了一些自定义的帖子类型，它们都有一个帖子(所以有内容和内容)。
定制的post类型列表都是
浏览 1提问于2015-12-04得票数 0
回答已采纳
我想用单击btnOUtbox的outboxcontent div按钮替换inboxcontent div，并在单击btnInbox时恢复到原来的状态。这两个Div都会显示一个带有值的数据网格。哪种方法是最好的？<script type="text/javascript">
浏览 2提问于2014-04-07得票数 0
1回答
角js动态网格标头
、、、、
在这里，我希望根据任何用户输入值动态更新网格标题的显示名称或字段。" href="ng-grid.css" /> <script type="text/javascript&quo
浏览 6提问于2015-04-25得票数 1
回答已采纳
2回答
我有两个有对应CSS箭头的div横幅。当单击横幅时，javascript在显示和隐藏下面的文本之间切换。同样，当文本被显示时，相应的箭头向下旋转，当文本被隐藏时，相应的箭头旋转。现在，我希望我的第一个div横幅在页面第一次加载时自动显示。但是，当我绘制CSS箭头时，由于div
浏览 8提问于2013-12-24得票数 5
回答已采纳
我有四个网格视图的网页。每个网格都隐藏在一个div标签下。每当用户单击div时，都会显示与该div对应的数据网格。我只在页面加载时将数据绑定到网格视图，因为数据量很大，所以我不能在页面加载数据绑定，因为页面加载的时间很长。我在想一种方法，只有当用户点击相应的div标签时，网格视图才会加载数据。
浏览 1提问于2012-04-12得票数 1
我真的很努力地尝试在Wordpress上复制发生的事情。我已经能够获得同位素来过滤post_thumbnails显示它们，它的动画效果很好，但我坚持的是，当点击一个图像或链接时，该帖子/文件夹的内容会显示在新的div中。在理想的位置，并推出方框的方式，因此，如果你是在手机上，你不必滚动到顶部。
任何让我入门的建议都会很棒，只是在任何地方
浏览 0提问于2012-12-15得票数 3
回答已采纳
3回答
我使用javascript来设置div的高度，以确保网格中的每一行div具有相同的高度。每个div的设置如下：因此，在不同大小的设备上，它们显示为3列、2列或一列。我的javascript如下：
浏览 2提问于2014-02-13得票数 0
回答已采纳
右键单击，inspect element允许我看到相应的html & css来显示元素。浏览器是否同样允许将javascript function跟踪到相应的单击？如果是这样的话，我们同样可以在浏览器中执行Javascript的编辑来验证它会带来什么变化吗？就像，我们可以为html & css做些什么
浏览 0提问于2013-08-09得票数 0
回答已采纳
3回答
我需要用户在进入下一页之前在决策框中选择任何一个选项。现在的问题是，如果用户单击弹出框上的“关闭”"X“，他们可以继续下一页，而不需要选择。我如何从这里进行验证？任何帮助都将不胜感激。谢谢Javascript代码 var windowWidth = 250;
浏览 4提问于2014-10-03得票数 0
回答已采纳
1回答
我有一个网格布局，每个网格框都是可点击的，点击显示图表的div。默认情况下，这些div是隐藏的，一旦单击相应的锚标记，就会显示相应的图表。现在我想要的是网格框应该有一个正在呈现的图表的缩略图大小。我试图复制svg，但我做不到，因为我似乎不能从隐藏的d
浏览 4提问于2017-12-12得票数 0
世界银行网站上有一个很酷的可视化数据的应用程序。我已经在这篇文章的底部提供了一个应用程序的链接。对于每个统计区域，右上角都有一个浅灰色的放大镜，一旦点击它就会弹出一种透明的全屏幕，完成后你也可以隐藏它。
有人知道他们使用了什么API或方法来实现这一点吗？或者甚至为我指出如何做类似的事情的正确方向？
浏览 3提问于2011-09-11得票数 0
我有一个嵌入在div中的GridView控件 Hello how r u <asp:GridViewID="grdView" runat="server"> </p>
<
浏览 4提问于2012-06-04得票数 0
回答已采纳
我有一个像这样的网格，使用Tailwind： <div class="grid auto-rows-max grid-cols-2 gap-6 sm:grid-cols-3 sm:gap-8 md:grid-cols</div> <div>product</div>
<div
浏览 13提问于2021-07-20得票数 0
回答已采纳
3回答
因此，这一切都有可能，我只是看了太久，但我已经调试了我的所有代码，并搜索了我知道的任何地方的答案。
也许这是不可能的，我不确定，但这是我想要做的。我有无序列表显示水平作为我的顶级导航。当我悬停在其中一个项目上时，我想显示一个div，它是上面无序列表的全部宽度。以下是我的警告:我使用wordpresss自定义post类型来完成此操作。无序列表是文章的标题，我想在div</em
浏览 2提问于2013-08-20得票数 0
目前，我的HTML中有一个最初隐藏的div (使用display:none)。<div class="fulladdress"></div>
然后，我使用以下Javascript，因此当单击.autocomplet
浏览 4提问于2017-04-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
