jq通过append动态插入各种按钮无效

绑定点击事件的三种方法

最新推荐文章于 2023-10-20 15:29:44 发布

非文文

最新推荐文章于 2023-10-20 15:29:44 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：毕设问题文章标签： jq ajax append

本文链接：https://blog.youkuaiyun.com/weixin_41944691/article/details/86508184

毕设问题专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在网页开发中绑定点击事件的三种方法：使用jQuery的on方法，直接在元素中添加onclick属性调用函数，以及解决通过ajax异步获取元素后无法直接操作的问题。

方法一：通过on绑定click事件

方法二：直接在append的相应位置上添加onclick事件调用函数

$(".addr-tbody").append('<tr class="item"><td><input type="button" value="修改" class="add-upd" onclick="showAddR(this)" /></td></tr>');


function showAddR(it){……}

补充三：本先是通过ajax异步获取，所以我怎样都不可以直接通过jq点击操作……最后，发现只需把ajax改成同步，就可以操作

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

非文文

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

2021-07-08用jqGrid 插件动态展示Table 列 (行转列) + echarts生成图表，并导出为excel的过程

zxc25379639的博客

07-08

914

@2021-07-08用jqGrid 插件动态展示Table 列 echarts生成图表，并导出为excel的过程欢迎来到一只老菜鸟你好！这是你第一次写文章，项目所用技术都是老技术，此前没有写文章的习惯，这也是从业几年来首次编写，望大家多多指教，互相观摩学习本次项目为c#语言编写，本人也只干了几年的c#，技术方面请各位大佬指导。问题描述：需要将日期、总数、合格数、良率列转行，生成一个月度统计表，上面是数据，下面是数据形成的日趋势图合并导出到excel 要求效果如下这是整理后的原始数据

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

12-12

jquery api官方的例子在新增的元素上添加事件 $[removed]("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('cur'); } else { $(this).removeClass('cur'); } }); on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。注意：使用 on() 方法添加的事件处理程序适用于

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

jQuery ajax中使用append()方法添加的元素事件无效

qq_36348215的博客

03-18

2672

$(function () { var obj = null; $.ajax({ url: "/navbor/navbor", type: "get", data: obj, dataType: "json", success: function (data) { var ht...

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

最新发布

05-09

同时，需要提到如何处理动态生成的内容，比如事件委托，因为用户之前的内容是动态插入的，直接绑定事件可能无效。另外，用户的安全考虑也很重要，比如防止XSS攻击，但在复制文本的场景中，可能更多的是确保正确...

添加、删除、上移、下移div

10-17

添加新`div`可以通过`append()`或`prepend()`方法，删除`div`用`remove()`，上下移动则可以调整其在DOM树中的位置。 1. 添加`div`： ```javascript $("#addButton").click(function() { var newDiv = $("新添加的...

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

kodmoqn的博客

04-30

284

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

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

fakergoing的博客

09-10

8372

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

jquery动态添加按钮，按钮点击事件失效

欢迎来到我的频道~

07-15

4667

今天遇到一个这样的问题：问题描述：页面上的数据需要动态添加（append）进去，但是动态添加进去的按钮的点击事件失效，这样怎样解决呢？原因分析：append中的节点是在整个文档加载完之后开始添加，因此页面不会为append的元素初始化添加点击事件按钮失效代码： $('.edit').click(function(){ console.log('111111'); }) 正...

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

Hero_rong的博客

10-20

1224

jQuery点击事件失效

关于jQuery append生成的新元素添加事件失败

fei的专栏

05-15

1337

今天做毕设时遇到这个奇怪现象，用append()方法生成的按钮，该按钮无法触发事件。第一次调用该按钮的代码： $(".btn.btn-mini.add").click(function(){ .....}); 点这个按钮没任何反应。查阅网上资料，很多人说用live，于是改为： $(".btn.btn

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

wang1994daren的博客

01-14

4720

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

使用ajax动态加载append添加内容之后，函数外无法获取到内容的原因

qq_38337245的博客

12-10

4067

页面点击编辑时，要在弹出的iframe中显示点击取到的值：以下拉框为例： ajax动态加载append内容： $(function(){ //显示父类型 $.ajax({ url: 'types/getAllBigType.do', type:'post', async: false,//设置为同步 dataType:'js...

jQuery动态插入按钮

10-14

jQuery是一个流行的JavaScript库，它简化了DOM操作和事件处理。如果你想在页面上动态地插入按钮，可以使用jQuery的DOM操作功能。以下是一个简单的示例： ```javascript // 创建一个新的按钮元素 var button = $('<button>', { text: '点击我', // 设置文本内容 click: function() { // 绑定点击事件 alert('Button clicked!'); } }); // 动态插入到某个容器中，比如body $('body').append(button); // 如果你想在特定条件下插入，可以添加条件判断 if (someCondition) { $('containerSelector').append(button); } ``` 在这个例子中，`$('<button>...')`创建了一个新的HTML `<button>`元素，并设置了它的文本和点击事件处理器。然后，`$('body').append(button)`将这个新按钮添加到了文档的<body>部分。