首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在DOMNodeInserted上,.find()不能按预期工作

在DOMNodeInserted上,.find()不能按预期工作是因为DOMNodeInserted事件在元素被插入到文档中时触发,而.find()方法是用于在DOM树中查找匹配选择器的元素。由于DOMNodeInserted事件是在元素插入之后触发的,所以在事件处理程序中使用.find()方法可能无法找到插入的元素。

解决这个问题的方法是使用事件委托。事件委托是将事件处理程序绑定到父元素上,然后通过事件冒泡机制来处理子元素的事件。这样可以确保在元素插入之后,仍然能够正确地使用.find()方法来查找元素。

以下是一个示例代码:

代码语言:javascript
复制
$(document).on('DOMNodeInserted', '.parent-element', function() {
  var insertedElement = $(this).find('.inserted-element');
  // 对插入的元素进行操作
});

在上面的代码中,我们将事件处理程序绑定到document对象上,并使用事件委托将事件限定在.parent-element元素内部。然后使用.find()方法查找插入的元素.inserted-element,并对其进行操作。

对于这个问题,腾讯云提供了一系列的云计算产品和服务,其中包括云服务器、云数据库、云存储等。您可以根据具体的需求选择适合的产品来解决问题。具体的产品介绍和链接地址可以在腾讯云官方网站上找到。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Linux 用 fd 代替 find

1 2 许多 Linux 程序员在其工作中每天都在使用 find 命令。但是 find 给出的文件系统条目是有限的,如果你要进行大量的 find 操作,它甚至不是很快速。...正如它的 README 所说,“fd 是一个文件系统中寻找条目的程序。它是一个简单、快速和用户友好的 find 的替代品。”它的特点是目录的并行遍历,可以一次搜索多个目录。...安装 fd Linux ,你可以从你的软件库中安装 fd(可用的软件包列表可以 Repology 的 fd 页面 找到)。...例如, Fedora : $ sudo dnf install fd-find macOS ,可以使用 MacPorts 或 Homebrew。...如果你已经使用这个神奇的 Rust 工具,请在评论中告诉我们你的想法。

1.3K20

Linux 用 fd 代替 find

许多 Linux 程序员在其工作中每天都在使用 find 命令。但是 find 给出的文件系统条目是有限的,如果你要进行大量的 find 操作,它甚至不是很快速。...正如它的 README 所说,“fd 是一个文件系统中寻找条目的程序。它是一个简单、快速和用户友好的 find 的替代品。”它的特点是目录的并行遍历,可以一次搜索多个目录。...安装 fd Linux ,你可以从你的软件库中安装 fd(可用的软件包列表可以 Repology 的 fd 页面 找到)。...例如, Fedora : $ sudo dnf install fd-find macOS ,可以使用 MacPorts 或 Homebrew。...如果你已经使用这个神奇的 Rust 工具,请在评论中告诉我们你的想法。

1.3K20
  • Linux 用 fd 代替 find命令

    许多 Linux 程序员在其工作中每天都在使用 find 命令。但是 find 给出的文件系统条目是有限的,如果你要进行大量的 find 操作,它甚至不是很快速。...正如它的 README 所说,“fd 是一个文件系统中寻找条目的程序。它是一个简单、快速和用户友好的 find 的替代品。”它的特点是目录的并行遍历,可以一次搜索多个目录。...安装 fd Linux ,你可以从你的软件库中安装 fd(可用的软件包列表可以 Repology 的 fd 页面 找到)。...例如, Fedora : $ sudo dnf install fd-find macOS ,可以使用 MacPorts 或 Homebrew。...而要搜索所有特定天数之前被修改的文件,请使用 --changed-before n 选项: $ fd . '/home/ssur/Work/' --changed-before 365d 这里,.

    1.7K50

    Flagger Kubernetes 集群是如何工作的?

    通过前面一节的 Flagger基本学习,这节学习它的工作原理,以帮助加深理解应用!Flagger 是如何工作的-工作原理?...可以通过一个名为 canary 的自定义资源来配置 Kubernetes 工作负载的自动化发布过程.Canary resourceCanary 自定义资源定义了 Kubernetes 运行的应用程序的释放过程...中被激活, 可以选择创建两个 HPA,一个用于 canary,一个用于 primary,以更新 HPA 而不做新的展开, 由于 Canary 的 deployment 将被缩减到 0,Canary 的...Canary service Canary 资源决定了 target 工作负载集群内的暴露方式, Canary target 应该暴露一个 TCP 端口,该端口将被 Flagger 用来创建 ClusterIP...gRPC,则将端口名称设为 grpc, service.appProtocol 是可选的,更多细节可以 这里 找到如果启用了端口发现功能,Flagger 会扫描 target 工作负载并提取容器端口

    2.1K70

    Ubuntu 18.04安装Chef服务器工作

    Chef自动化平台还允许用户创建及下载“菜谱”(“菜谱”存储“烹饪手册”cookbook 之中),“菜谱”的作用就是自动化这些节点的内容和策略。...Chef由一个Chef服务器、一个或者多个待配置的工作站服务器、以及由安装在每个节点的Chef客户端管理的众多节点所组成。...Chef工作Chef工作站中,您可以创建和配置任意的“菜谱”、“烹饪手册”、属性和其他更改,这些对于工作站来说都是有效的。.../cookbooks"] 更改下面的对应值 将node_name改为您在chef服务器创建的用户名。...下载Cookbook(‘烹饪手册’)(可选) 使用Chef服务时,您将希望Chef客户端可以定期您的节点运行,并将所有配置更改推送到Chef中央服务器。

    2.1K30

    Apache Kudu对时间序列工作负载进行基准测试

    其常规任务包含许多不同的工作负载,但是增长最快的用例之一是时间序列分析。时间序列有几个关键要求: • 高性能流式摄取– 时序工作负载越来越需要以高采样率从成千上万的数据源中摄取数据。...时间序列存储需要支持廉价的硬件配置每秒检索数十亿个单元。某些情况下,预聚合和下采样可以减少此要求,但在其他情况下,则需要访问粒度数据。...• Kudu-tsdbd – 以上时间序列后台驻留程序,冒充InfluxDB,同一主机上的单节点Kudu群集运行。...后一种配置遇到过载情况时测试系统的健壮性。第一篇文章中,我们将重点介绍“轻型”查询。在后续文章中,我们将分析“大量”查询的性能。 可以使用github 的脚本 来复制所有基准测试结果。...结果:轻量查询,8个客户端线程 短期查询的吞吐量方面,VictoriaMetrics令人印象深刻,特别是最简单的查询(single-groupby-1-1-1),该查询仅从单个主机上获取单个指标一个小时

    1.6K20

    入门 | 半监督学习图像分类的基本工作方式

    /abs/1703.01780 (测试误差:2.9)In 2017:All labels, state of the art :https://arxiv.org/abs/1705.07485 实际,...但是事实,我们并不想训练很多模型,那样会让训练变慢。那么,应该怎么办? 假设我们每个训练步骤都保存了模型参数,然后,我们可以使用模型的不同版本进行预测,并结合这些预测结果。...最新版本是最好的,但是一些情况下,最新模型也会犯错,而早期的模型却能给出正确结果。因此,一个加权平均(其中最新版本权重较大)的模型应该能工作得较好。 当然,这种方法十分昂贵。那该怎么办呢?...不必保存模型的不同版本,我们可以保存一个平均模型,这就是 Temporal Ensembling (2017) a 和 Mean Teacher (2017) 所做的工作,不过它们的工作方式不同。...Mean Teacher 大多数情况下表现较好:无论数据集大小如何,它都可以工作;有时候,仅需较少的标签就能达到同样的精确度。

    1.7K100

    CalicoOpenshift工作原理与配置步骤:第一篇

    Contrail Networking采用了一 种可与物理路由器和交换机互操 作的横向扩展架构,能够灵活地 将基础设施扩展到数据中心或云 边界以外,可以一个混合环境 中支持动态的工作负载移动性。...OCP集群中,还会部署一个策略管理的容器,它与每个计算节点的Calico-node通过etcd进行通讯,下发指令。 ? 接下来,我们详细看一下Calico与OCP是如何一起工作的。...Master查看: ? node查看: ? 2.2 CalicoOCP的架构验证 首先,我们master和node都可以看到Calico-node这个容器: ? ?...三、Calico on OCP与OVS ON OCP的对比 进行Calico on OCP与OVS on OCP对比之前,我们需要了解OVS on OCP默认下,SDN的工作原理。...OCP中,OVS模式的设置,master和node是分别设置的。

    2.1K40

    又一程序员工作岗位倒下,幸好不是一个加班!

    8月25日下午,深圳红孩儿信息技术有限公司的程序员程某倒在了自己的岗位。据同事反应,他当天的脸色不是很好,当时正在写代码,起身倒水时晕倒在地不省人事。幸好队友都在赶紧送往医院,已经脱离了危险。...资本眼中, 程序员都是一个价格数字而已 这不是第一个倒下的程序员 也不是最后一个。 同为程序猿表示害怕。。。...程序员本来就是一个费神费脑的活 ,公司没有什么好的福利就算了,还周六周天加班,有时候碰到一些小的公司,加班也没什么好的福利,也不让调休,很无语,希望我们程序员能够注意身体,只要革命的本钱还在,其他工作之类的都是其次的

    50820

    8.8VR行业大事件:Meta收紧外包岗位;卡马克:Meta元宇宙获得的回报率远低于预期

    (VRPinea 8月8日讯)今日重点新闻:部分与埃森哲签约的Meta外包员工被裁员;Oculus原CTO卡马克认为Meta元宇宙的投入和产出比不合理;Meta旗下VR吃鸡游戏《Population...日期为8月4日的联合法庭文件中,Meta公司同意在2022年底前,或在法官决定这起案件是否可以继续进行后的第一个工作日之前,“暂停”这笔交易。 VRPinea独家点评:Meta居然妥协了。...卡马克:Meta为元宇宙投入巨资 回报率远低于预期 8月5日,科技博主Lex Fridman在其最新的节目中邀请到了前Oculus CTO John Carmack作为嘉宾,与其进行了一次长达5个多小时的对话...Carmack似乎并不完全认同Meta元宇宙的大量投入,并觉得100亿美元本可以带来比现在更大的回报。Carmack的原话如下:我很难理解为什么投入100亿美元,一想到花了的钱,我就感到不适。...然而,《Population: One》Quest推出已是两年前的事,这也就意味着大部分玩家不符合退款资格。 VRPinea独家点评:“卑微”的Quest 1用户只能在PC玩咯。

    48920

    拥有此神技,脚本调试从此与 echo、set、test 说分手!

    如果说我们就是想知道这个命令搭配上这些选项参数是否能按我们预期的那样工作呢?很简单,那就单独命令行里面去执行一下。如果在命令行中也不能按预期工作,放到 Bash 脚本里面也一样不会按预期工作。...最后,这些测试用例可以不同的操作系统执行,且都应该得到相同的验证结果。...比如 Bash 脚本中使用了只有 GNU/Linux 才有的命令,对应的单元测试也可以 Windows 或者 macOS 执行,且结果一致。 怎样为 Bash 脚本写单元测试?...与运行环境无关:可以 Windows 上去执行只能工作 GNU/Linux 的脚本的测试。... GNU/Linux 还需要 Coreutils 和 Diffutils,常用的发行版中都已经默认安装好了。

    1K20

    Repost~设计稿展示长图中的英文该如何写?

    上边只是玩笑,其实用英文,用好了,显得挺高大的。用的不好,就跟上边的照片一样,满屏充满了尴尬的气息。一般来说,英文标题或者文章,都不能按字面标题直译,要结合语境来使用。...比如各位设计师作品集展示页面的标题使用,那可以对英文进行简化,不能按标题直译,这种翻译会让人看起来非常不专业,甚至出笑话。...请注意,这是标题,不是一个动词,最差也要翻译为一个名词,如果按照动词翻译,探寻应该用Explore而不能用find,况且found是find的过去式。这个翻译就很尴尬了。...这个几乎90%设计师出错,如果用,A jingdesign's design 会不会更加高大一点?一般电影里都这么用~ ?...常用专业词汇收集 下面介绍常用的UI展示页面英文的写法(如有不同意见,也欢迎留言交流,共同探讨),想知道什么标题的翻译,下方留言~ 作品集:Portfolio 作品:Work 工作经历:Career

    2.6K41

    【支持R脚本】FreeScript给数据分析工作者带来无限惊喜,ExcelWPS环境做专业数据分析不是梦

    WPS环境下使上述编程语言无限扩展电子表格的使用边界,能力无上限,只差你的想象力让它腾飞起舞。...在数据分析相关工作中,R和python的能力相当,可能国内环境下,大家对R语言稍陌生,不像python那么被鼓吹。但在作图领域,R的王者地位还是比python要强得多。...Excel/WPS环境下使用,可以无限降低用户的使用门槛,就如日常使用的Excel模板一样,只需要制作好一个R、python脚本,让用户可以根据自己的数据源及相关配置,使用Excel的数据及交互方式...,后台调用R、python的能力实现数据处理及分析,前台Excel完美展现数据结果,让自己的研究成果轻松地交付给普通用户使用。...例如如下的demo,调用R脚本,生成图表,再使用VBA、JSA将生成的结果输出到Excel/WPS表格呈现。

    20110

    ERP实施中BOM管理的相关问题

    一旦作业不能按计划完成时,MRP系统可以对采购和生产进度的时间和数量加以调整,使各项作业的优先顺序符合实际情况。...2.P-BOM管理 很多企业没有ERP之前有多套BOM并存的现象,其中P-BOM就是生产主管管理和维护BOM的内容,ERP实施过程中有一项很重要的工作任务就是统一BOM.BOM的准确性直接影响MRP...计算采购计划的准确性,而且实务还需要考虑BOM的版本管理,这就给BOM管理带给一些难度。...3.预期呆滞料管理 管理好BOM的版本,才可以预知因BOM变更可能导致出现的呆滞料问题,ERP软件基本都可以帮助生产主管分析预期呆滞料的情况,但需要生产主管通过管理手段来消除这些预期呆滞料,这也充分说明...机械行业取替代件管理上比较好解决,但电子行业比较困难。原因是:理论不同厂家生产的相同规格芯片可以通用,但实际这种组合运用可能会影响产品的性能。

    1K10
    领券