我有3个div，每个调用一个函数，函数打开一个模式，但这似乎只适用于第一个div元素
对于这个问题，我可以给出以下完善且全面的答案：
问题描述：我有3个div，每个调用一个函数，函数打开一个模式，但这似乎只适用于第一个div元素。
解决方案：
- 确保每个div元素都有唯一的标识符或类名，以便在JavaScript中准确地选择它们。
- 确保每个函数具有独立的功能和逻辑，不会相互干扰。
- 使用事件监听器或事件委托来确保每个div元素都能触发相应的函数。
- 检查函数中是否存在与特定div元素相关的条件或逻辑，以确保它们适用于所有的div元素。
- 确保函数中的操作不依赖于特定的div元素，而是通过参数或其他方式来获取所需的元素。
- 如果函数中涉及到模态框的打开操作，可以使用现有的模态框插件或库，确保它们能够正确地应用于每个div元素。
- 在调用函数之前，确保所有的div元素都已经加载完毕，可以使用DOMContentLoaded事件或其他适当的事件来实现。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（小程序开发）：https://cloud.tencent.com/product/tcb
- 云数据库（MySQL、MongoDB等）：https://cloud.tencent.com/product/cdb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云网络（VPC）：https://cloud.tencent.com/product/vpc
- 云安全（WAF、DDoS防护等）：https://cloud.tencent.com/product/saf
- 音视频处理（点播、直播等）：https://cloud.tencent.com/product/vod
- 人工智能（AI开放平台）：https://cloud.tencent.com/product/ai
- 物联网（IoT Hub）：https://cloud.tencent.com/product/iothub
- 移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mss
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链（区块链服务）：https://cloud.tencent.com/product/bcs
- 元宇宙（腾讯元宇宙计划）：https://cloud.tencent.com/campaign/metaverse
相关·内容
当我单击第二个或第三个div元素时，没有任何反应，但首先总是工作，也就是说，打开模式。当我更改div元素的站点时，结果是相同的；当我单击第一个div时，它会打开模式，但对其他两个没有任何影响，我需要为每个div自己的函数使用不同id的...here是代码HTML和JS
<div class<
浏览 2提问于2017-07-27得票数 1
我只是注意到，虽然aria-label、aria-labelledby和aria-describedby属性据说适用于每个元素(参见)，但它们似乎只适用于少数元素，如a，而不适用于NVDA和JAWS中的我创建了一个小代码页来演示这个问题(使用浏览和焦点模式浏览它)：
例如，在NVDA中，在a元素上，aria-label和aria-labelledby似乎
浏览 2提问于2015-10-05得票数 7
回答已采纳
我有多个元素，每个元素都有一个不同的值来调用foo。(5)}>5</div> // this is also bad )因此，我需要对此进行演练，只需要调用相同的函数，只传递不同的参数。我想想出的是
创建返回函数的
浏览 3提问于2020-02-07得票数 0
2回答
我正在使用在网站上制作动画。我想在不同的延迟中显示元素。例如：element2 - starts at 1000ms<div class="animsition element1">one</div>
<div class="animsition element2">two</div&g
浏览 0提问于2016-05-10得票数 1
2回答
如何在不刷新页面的情况下更改图像
、、、、
我有一个网站，用户可以选择不同的卡。我需要一种方式，当一个新的卡被选择，然后页面不刷新。现在，当我单击后退按钮时，它只是返回到以前的选择。我需要它返回到上一页。以下是图像更改的代码 <asp:ScriptManager ID="ScriptManager/a>
浏览 1提问于2013-04-13得票数 0
我打开了noUnusedLocals，但是我有一个函数，它只检查第一个元素的存在，但不使用它。对于代码块是否存在关闭此警告的实用程序？(见)
但这似乎只适用于参数，而不适用于局部变量。
浏览 5提问于2016-07-07得票数 6
1回答
我试图使一个自动滚动条向左滚动，然后当滚动条到达终点，它回来了……现在的问题是，我无法检测滚动结束，因为element.scrollWidth返回整个元素长度的静态值，包括溢出部分。element.scrollLeft返回一个非静态值，该值依赖于屏幕宽度，因为元素是响应的。下面是我到目前为止尝试过的一个片段：const slider = document.getElementById('container');
var i =
浏览 0提问于2019-09-12得票数 1
我有几个复选框在不同的地方在页面上。当选中其中一个复选框时，下面的div就会消失，这意味着他们不想上传任何文件。我可以让它与复选框一起工作，但是当有很多这样的选项时，我的问题就出现了，因为我调用同一个类来使它工作，因为我试图使它尽可能的动态。主要是因为我不必为每个复选框编写一个单独的函数。但这
浏览 2提问于2014-02-27得票数 0
回答已采纳
假设我有50 div，像这样： <div class="container to appear <div class="containe
浏览 9提问于2017-07-28得票数 0
回答已采纳
2回答
目前，我正在尝试使用JSON获取一些数据，并使用ng-重复在我的网站上构建它。我制造了一个与我相似的假人问题。https://ajax.googleapis.com/ajax/libs/angula
浏览 3提问于2017-06-15得票数 0
我有一些使用jQuery UI.All可以拖动的DOM元素，但是当我使用jQuery创建一些元素时，它们根本就不能拖动。i.e$('p.draggable').draggable() ; /我正在尝试这样做：
<script type="text/javascri
浏览 8提问于2012-03-21得票数 9
4回答
我想将这个“优惠券剪切”功能应用到这个页面的多个元素上，而不是为每个不同的元素创建一个单独的函数。在我添加的代码片段中，它适用于我的第一个“购买4，节省2.00美元”，但不适用于"4张优惠券“。从我的研究中我知道这只
浏览 2提问于2018-03-03得票数 0
我有一个相对定位的div包装器，我想在里面垂直对齐一个div。其他各种Stack的回答似乎表明这是正确的方法：这很好，但只适用于单个子元素我希望有两个重叠的子div，<
浏览 4提问于2015-07-16得票数 0
回答已采纳
我想展示一个有背景颜色的div，它的高度和宽度都设置为100%，但没有内容。有没有可能在不放入参数的情况下做到这一点呢？编辑:感谢Mark Biek指出，带有宽度和高度样式的空div显示了我所期望的效果。我的div在一个表格单元格中，在那里它不显示。<table style="width:100%"><th>Header</th>
浏览 0提问于2008-10-13得票数 14
回答已采纳
1回答
我在运行.each函数时遇到了困难，当单击某个div外部的链接时，该函数会打开/关闭该div。这个函数是有效的，除非我希望它适用于几个不同的div(现在是missiondiv和visiondiv)。所以我创建了一个变量前缀，它找到一个span的id，并以这个作为前缀运行函数。(抱歉，如果这没有意义的话)。我的脚本只<e
浏览 2提问于2012-08-31得票数 0
回答已采纳
5回答
我有常见的jQuery函数和两个div标记。两个div标记都有不同的名称，但都包含相同i的元素，现在我想为它们使用这个通用的Jquery函数吗？我已经实现了共同的功能，但这并不适用于这两种功能。这里有指向我的jsfiddle.net/xS7zF/1/
在我的jsfiddle中，有两
浏览 0提问于2013-12-10得票数 3
回答已采纳
如果我有这个HTML：<input type="button" /><divclass="btn"></div>
<div class="btn"></<e
浏览 2提问于2012-09-14得票数 1
回答已采纳
我有一个带样式的UI按钮组件。我想让它，以便当我单击样式按钮时，我可以选择我的计算机上的文件。我认为这可以通过将<Button></Button>放在<input type="file"/> (文件输入)元素的<label>中来实现。但这似乎只适用于div，而
浏览 25提问于2020-11-19得票数 0
回答已采纳
3回答
我在编写函数以根据所选值隐藏两个单元格时遇到了问题。最大的问题是生成了HTML，并且可以有一个这样的选择，或者有八个。为了使事情更有趣，每个选择都放在一个单独的div中，当一个显示出来时，其他的被隐藏。
下面是我用来切换单元格的函数。只有当选定的值为'Z‘时才能显示单元格，否则必须隐藏它们。它只适用于第一个选择，而其他则完全被忽略。<e
浏览 8提问于2014-07-17得票数 1
回答已采纳
3回答
语义-ui模式复制
、、、
我有一个语义-ui模式的路由，最初的工作，如预期(第一次加载应用程序)。我可以在没有问题的情况下多次打开和关闭。如果我离开路由再次导航，然后再次单击模态按钮(这会触发下面的事件)，那么模态html就会被复制。每次我这样做(导航离开和后退)，另一个模式被添加。我的模式被分解成两个模板，正如我所读的，这是它应该的方式。button" href="#" id
浏览 5提问于2016-03-14得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
