js用append添加的代码无法执行一般的点击事件

最新推荐文章于 2022-05-14 17:10:00 发布

weixin_34356138

最新推荐文章于 2022-05-14 17:10:00 发布

阅读量233

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/3676955/blog/1800996

版权

2019独角兽企业重金招聘Python工程师标准>>>

动态生成的元素，使用.on绑定事件，比如$(document).on("click",".divclick",function(){})

转载于:https://my.oschina.net/u/3676955/blog/1800996

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34356138

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

使用append（）方法，原先的js不起作用

weixin_30682127的博客

02-23

1278

我使用localstorage存储数组，然后遍历，用append（）方法，把数据渲染在界面上，但是原先的js都不起作用了，如图然后，我的js用点击类content-levelOne触发方法。但是没有用无论是用 $(".content-levelOne).click(function(){}) 不起作用 $(".content-levelOne").on("click...

追加的代码不会执行jqery事件解决方案

qq_41900118的博客

07-24

263

新追加的标签，他的属性无法触发点击事件，需要换一种写法或者追加属性的时候写上onclick='a()'原生的js方法也能用 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <ul class="jia"></ul...

参与评论您还未登录，请先登录后发表或查看评论

js中append里面的onclick如何使用

qq_39772439的博客

05-14

710

js中append里面的onclick如何使用

Js中动态追加代码后，之前定义的Js不再起作用

北辰

01-08

673

问题描述：在js文件中使用javaScript或者jQuery中的html('代码')或者append('代码')，将我们的html代码动态添加到指定的容器里面（例如：table）后，页面可以正常显示，但是所追加部分的页面的js会失效。解决方法：采用JQuery中的 delegate() 方法向尚未创建的元素添加事件处理程序。 //为table里现在或者未来所创建的每一个a标签绑定点击事...

关于用append()插入代码后对应的js无效问题完美解决

fakergoing的博客

09-10

8191

1.下面的会有用到find，find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 2. 产生这种问题的原因是：是因为append中的节点是在整个文档加载后才添加的，页面并不会为未来的元素初始化添加点击事件，所以使用这种方式动态添加的节点中的点击事件没有生效。例子我们要把下面这段代码用append添加到div里面（这是要添加div里面的） &l...

解决jQuery使用append添加的元素事件无效的问题

10-18

然而，一个常见的问题是在使用`append`添加的元素上绑定的事件经常无法正常工作，即所谓的“事件无效”。这是因为这些新添加的元素在页面加载时并不存在，所以jQuery无法为它们预先绑定事件处理器。 jQuery提供了`...

jquery append 动态添加的元素事件on 不起作用的解决方案

10-23

在使用jQuery进行DOM操作时，常常会遇到一个问题，即通过jQuery的append方法动态添加到页面上的元素无法响应事件处理器，特别是点击事件。这种情况经常让开发人员感到困惑，因为对于常规的静态元素，jQuery的事件...

JavaScript利用append添加元素报错的解决方法

10-25

在探讨JavaScript中利用append方法向DOM中添加元素的过程中，我们可能会遇到错误，这些错误通常是由多种原因造成的。主要的错误包括"UncaughtHierarchyRequestError: Failed to execute 'appendChild' on 'Node': ...

JS库 Highlightjs 添加代码行号的实现代码

10-19

将上述JS代码放入页面的`<script>`标签内或者单独的JS文件中，并确保在jQuery库加载后执行。同时，将CSS样式加入到页面的`<style>`标签或外部CSS文件中。确保Highlightjs库和自定义样式表在页面中正确引入。通过...

关于js append添加元素失效的解决方案

lanjinghexuan的博客

08-02

2077

本篇文章支支持$(this)获取数据，不支持$(this)删除自身。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, mini

关于用append()插入代码后对应的js无效问题

wang1994daren的博客

01-14

4671

因为JS代码执行的时候，选择器找到的元素是最开始的那一部分。通过JS脚本新创建的元素，在之前JS代码执行的时候还不存在，所以JS代码中关于新创建元素的部分无效。将对应的JS代码放在最下面就好了（我遇到的情况是append（）插入代码导致js文件失效，将关联JS的代码放到最下面就OK了）

js使用append后js事件失效

qq_40177359的博客

10-17

621

翻了好久百度终于发现了标准答案，反正我是解决了 js使用append后js事件失效问题但至于为什么要这样我暂时还不知道嘻嘻~~~希望对你们有帮助 $("body").on('mouseover','.trAlert',function(){ $(this).find("i").addClass('icon-hand-right'); ...

js append追加html代码标签后 css样式没生效 js同时没有生效已解决

热门推荐

z1712636234的博客

10-19

4万+

html代码添加input css代码 .box{ width: 500px; height: 300px; border-radius:8px; border:1px solid #f0f; margin-bottom: 20px; padding: 5%; } .box input{ border:0px; background: skyblu

解决jQuery使用append添加的元素事件无效的方法

逸尘的专栏

03-17

3万+

jquery api官方的例子在新增的元素上添加事件 $(document).on("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('cur'); } else { $(this).removeClass('cur'); } });on() 方法在被选元素及子元素上

jQuery动态append添加元素点击事件失效

qq_38332574的博客

09-25

1万+

最近开始做前端，遇到一些问题，现在记录一下，以备不时之需。问题描述：在div中动态添加span元素，之后执行 $(selector).click(function(){var param = $(this).text();}) 无法触发事件。原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的cli...

append()方法生成的元素绑定的事件失效解决办法

weixin_30823683的博客

08-19

498

我使用append（）方法动态生成的a链接的click事件没有起效果，查找了资料，了解到，我使用的onclick方法绑定的事件对动态生成的元素是无效的，解决办法如下：使用事件委托，并且要用on来绑定未来事件： $(父节点).on(“事件”，“目标节点”，function(){}) 我这里的例子是： $('#com').on("click",".comment",f...

jquery 关于使用 append 追加元素后事件无法触发

易天海

06-21

2822

原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。解决方案：事件委托方式解决，将指定的事件绑定在document上或者绑定到一开始存在的其它元素身上，只要append元素符合指定的元素，就会绑定此事件。 function loadLevel(Id, i) { var...

对于jQuery使用append追加的节点无法添加事件无效的解决方法

idomyway的博客

08-11

6753

前言     为了适应动态的业务需求，我是需要在HTML中动态的添加一些内容，比如在jQuery中经常使用的append方法。有时在新添加的元素中的事件失效，其原因是我们在初始化事件的时候，并没有这些新添加的元素，所以就不能绑定事件。解决方法     我们需要jQuery中的on方法绑定事件。不能直接添加相...

append无法触发事件