首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jquery事件不能识别js添加的html组件吗?

jquery事件不能识别js添加的html组件吗?
EN

Stack Overflow用户
提问于 2010-01-24 16:15:43
回答 5查看 395关注 0票数 2

我使用js将表单元素添加到html文档中。例如,我正在将整个<form>添加到表格单元格中。例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<form class="add-comment"><input type="submit" /></form>

我尝试使用js在新创建的表单中调用基于元素的事件,但什么也没有发生。我应该去找个警报箱。我做错了什么?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('.add-comment').submit(function() {
  alert('form submitted!');
});

谢谢。希望我解释得够好了。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-01-24 16:23:28

是否要在注册提交事件处理程序后添加元素?除非使用live方法添加事件,否则需要在每个新元素之后注册事件。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('.add-comment').live('submit', function() {
    alert('form submitted!');
});

这将为所有选定的图元添加事件,即使这些图元是在将来添加的。

http://api.jquery.com/live/

票数 6
EN

Stack Overflow用户

发布于 2010-01-24 16:25:19

新创建的元素没有附加任何事件处理程序。您必须选择它们,并在添加它们之后添加事件处理程序(例如,$('.add-comment', newparent).submit(submitfunction))。

通常可以使用.live(eventname, function)为现有的和将来创建的元素添加事件处理程序。然而,你不能在jQuery 1.3中使用.live('submit', ...),因为这些事件是在浏览器中实现的(从技术上讲,它们不会“冒泡”)。

jQuery 1.4确实支持live对抗submit (通过一个非常丑陋的黑客攻击)。

票数 1
EN

Stack Overflow用户

发布于 2010-01-24 16:29:52

如果你使用的不是jQuery 1.4,我已经写了一个关于这个的rather long blog post。您必须连接新添加的元素,因为它们在页面加载时不在那里。它应该能让您深入了解.live()方法发生了什么。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2127719

复制
相关文章
学会JS只是知道了“是什么”,并不意味着你会用JS做什么
假设有这样一个需求,“在一堆人里,选出5个人,每个人给一个包子”。这个需求如果用js来描述,该怎么做呢? 如果用中文来描述,应该是类似这样的一个东西: function 人(){ let 给包子=[]; 人s.filter((人i)=>{ if( 给包子.length<5 ){ 给包子.push( 人i ) } }); 给包子.forEach((i)=>{i.吃包子}); } 一段中文的伪代码,为了表明大概的意思,不必细究哈。 上面那段中英夹杂的伪代码,其实没什么用处,只是把原来的需求,用js
web前端教室
2018/02/07
6570
独立开发该做什么,该不做什么
这篇文章来讲,做独立开发,在新功能的开发上、个人工作量的排布上,该做什么,该不做什么。
KyXu
2019/04/11
9320
独立开发该做什么,该不做什么
独立开发该做什么,该不做什么
这篇文章来讲,做独立开发,在新功能的开发上、个人工作量的排布上,该做什么,该不做什么。
用户2932962
2019/05/13
7440
独立开发该做什么,该不做什么
吴恩达:人工智能现在可以做什么和不能做什么?
许多管理人员问我人工智能可以做什么。 他们想知道它将如何破坏他们的行业,以及他们如何使用它来重塑自己的公司。 但最近媒体会不切实际地夸大AI的力量 (也许很快它会接管世界!)。AI已经在改变网络搜索、广告、电子商务、金融、物流、媒体等。作为Google Brain团队的创始人、斯坦福人工智能实验室的前主任,现在是百度大约1,200人的AI团队的领导者,我有幸培育了许多世界领先的AI组,并已建立了许多AI产品被数亿人使用。 看到AI的影响,我可以说:AI将改造许多行业, 但它不是魔术。 为了理解对你的业务的影
GPUS Lady
2018/04/02
1.2K0
吴恩达:人工智能现在可以做什么和不能做什么?
777 意味着什么?
本文最先发布在: https://www.itcoder.tech/posts/what-does-chmod-777-mean/
雪梦科技
2020/05/25
1.9K0
777 意味着什么?
JavaScript能做什么?
JavaScript除了做前端开发,还能做什么? 很多朋友学习的第一门编程语言就是JavaScript,学习的过程中一定会思考这个问题:“JavaScript除了做前端开发,还能做什么?”其实很多人问这个问题的时候,潜意识是有一些懒惰的嫌疑,希望JavaScript能做的事儿越多越好,这样我们专心学好JavaScript,就可以成为万金流,什么都能做,就再也不用管什么java、php、python等等编程语言了。 那我们在思考JavaScript能做什么之前,先看看下面这个问题: 厨房里的一把菜刀除了切
企鹅号小编
2018/01/22
2.1K0
JavaScript能做什么?
9个DevOps最佳实践-你应该做什么和不应该做什么
在过去十年中,利用 DevOps 实践来最大限度地提高速度和创造价值一直是软件行业的热门话题。我们已经接受了这些实践,并改变了我们工作和思考开发、运营、项目管理、代码质量、可观察性和持续反馈的方式。 随着组织开始应用这些实践,我们注意到出现了许多反模式。在本文中,我们将看到一些 DevOps 最佳实践和改进工作流程的方法,同时我们还将探讨一些典型的 DevOps 反模式以及如何避免它们。
DevOps云学堂
2022/10/04
1.1K0
9个DevOps最佳实践-你应该做什么和不应该做什么
解读央行《区块链能做什么、不能做什么?》
但关键点还是价格稳定,性能提高,方便快捷,才会吸引更多的人使用,形成良性循环。目前稳定价格的策略有两种:
文彬
2018/12/10
2.1K0
解读央行《区块链能做什么、不能做什么?》
TPYBoard能做什么?
MicroPython基于ANSI C,语法跟Python 3基本一致,拥有自家的解析器、编译器、虚拟机和类库等。目前他支持基于32-bit的ARM处理器,比如说STM32F405。也就是说ARM处理器STM32F405上直接可运行Python语言,Python语言来控制单片机。
小板凳
2020/04/09
3.1K10
Gulp能做什么
var s = gulp.src(["fileA","fileB","fileC"])
Qwe7
2022/05/21
1.4K0
GSEA可以做什么
基因集富集分析GSEA(gene-set enrichment analysis)。这个操作并不难,主要就是准备符合GSEA要求的数据文件(本地的话4个),关于文件准备,可细见官方说明。若有时间我稍后整理以前资料,单独成一篇GSEA数据文件准备。我认为最主要的还是GSEA结果解读。 另外,GSEA我们可能更多的用的是它的富集功能,而实际上它还有其他非常好用的功能,看自己怎么活学活用了,具体来说,就我用的多的有以下几个:(欢迎大家补充)
Y大宽
2018/09/30
1.4K0
除了Web和Node,JavaScript还能做什么
提起JavaScript,我们也许经常会想到的是,可以用来写Web页面嘛,又或者,会想起Node.js 这个服务端环境,搞前后端同构。
啦啦啦321
2019/10/08
1.7K0
除了Web和Node,JavaScript还能做什么
产品经理做什么?
开发一个产品(本文“产品”特指移动端软件产品,但是移动端产品的设计流程和方法与PC端的产品并无本质区别),
liulun
2018/07/31
7750
产品经理做什么?
Python能做什么?
Python经常被用于Web开发。比如,通过mod_wsgi模块,Apache可以运行用Python编写的Web程序。使用Python语言编写的Gunicorn作为Web服务器,也能够运行Python语言编写的Web程序。Python定义了WSGI标准应用接口来协调Http服务器与基于Python的Web程序之间的沟通。一些Web框架,如Django、Pyramid、TurboGears、Tornado、web2py、Zope、Flask等,可以让程序员轻松地开发和管理复杂的Web程序。
py3study
2020/01/15
1.3K0
ChatGPT 和生成式 AI 对科学意味着什么
来源:ScienceAI本文约5000字,建议阅读5分钟真的才刚刚开始。 2022 年 12 月,计算生物学家 Casey Greene 和 Milton Pividori 开始了一项不同寻常的实验:他们请一名非科学家的助手帮助他们改进三篇研究论文。他们勤奋的助手建议在几秒钟内修改文档的各个部分;每份手稿大约需要五分钟的时间来审阅。在一份生物学手稿中,他们的助手甚至在引用方程式时发现了一个错误。审判并不总是顺利进行,但最终的手稿更容易阅读——而且费用适中,每份文件不到 0.50 美元。 正如 Greene
数据派THU
2023/02/23
3300
ChatGPT 和生成式 AI 对科学意味着什么
Hooks 对于 Vue 意味着什么?
OS:虽然这是一篇 19 年 4 月的文章,但是对于 Hooks 说的非常清晰,作者也是请到尤大进行了原文的订正,对于了解 Vue Hooks 的设计及发展,还是有很好的阅读性的。
掘金安东尼
2022/09/19
5360
Hooks 对于 Vue 意味着什么?
题目不让我做什么,我就偏要去做什么🤔
这篇文章本来想试下付费图文的功能,但是公众平台出 bug 了,大概率会出现无法创建订单的问题,我自己都看不了……那就算了吧,对于成功付费的读者,相当于你赞赏了本文,后台都有记录的,谢谢各位的支持~
labuladong
2021/09/23
7180
DMAIC都在做什么?
很多方法和工具在不同的方法论里都是通用的,因此,我们先高阶的了解这些关键的方法论们,然后再学习具体的分析工具和方法,这样有助于找到这些工具和方法的位置,有助于建立大家对问题分析与解决的整个知识体系,从而真正有助于掌握这项职场核心技能。
用户9972271
2023/01/13
5960
WebRTC对你意味着什么
原文链接 / https://blog.mozilla.org/blog/2021/02/04/what-webrtc-means-for-you/
LiveVideoStack
2021/09/01
5090
WebRTC对你意味着什么
WMI讲解(是什么,做什么,为什么)
WMI在笔者所参与的项目中发现目前攻防中利用依旧非常频繁,尤其在横向移动中,利用wmic或者powershell的WMI模块操作Win32来达到渗透的目的。笔者在学习了WMI后,将其分为四个模块(讲解、横向移动、权限提升、攻击检测),并写了四篇文章来讲解,还追加了小知识点的编写(WBEMTEST工具使用,普通用户使用wmic)。笔者能力有限,在几篇中若有未讲人话之处,望谅解。
谢公子
2022/01/19
1.3K0
WMI讲解(是什么,做什么,为什么)

相似问题

无法从一个文件调用函数到另一个文件

22

如何从一个js文件调用函数到另一个js文件

12

如何在vue js中从一个vue文件调用函数到另一个vue文件

1133

如何从一个主文件中调用另一个JavaScript文件?

22

从一个PHP文件调用一个函数到另一个PHP文件

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文